`
chenyunhong
  • 浏览: 139698 次
  • 性别: Icon_minigender_1
  • 来自: 真的不知道
社区版块
存档分类
最新评论

Flex 视频播放器全屏播放

    博客分类:
  • Flex
阅读更多

第一步:  *.mxml文件中

<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal"   
    creationComplete="playLoad()" color="#0F7085" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]">  
    <mx:Script>  
        <!--[CDATA[  
            import mx.binding.utils.BindingUtils;   
            import mx.events.SliderEvent;  
            import mx.events.VideoEvent;  
            import mx.controls.Alert;  
            import flash.events.MouseEvent;  
            import mx.controls.HSlider;  
            import flash.display.*;  
            import mx.collections.ArrayCollection;  
         
            // 全屏  
             private function full(evt:MouseEvent):void{  
                if (this.stage.displayState == StageDisplayState.FULL_SCREEN){  
                     this.stage.displayState = StageDisplayState.NORMAL;  
                     stage.scaleMode = StageScaleMode.NO_SCALE;  
                }  
                else{  
                     this.stage.displayState = StageDisplayState.FULL_SCREEN;  
                     stage.scaleMode = StageScaleMode.NO_SCALE;  
                }  
             }  
           ]]-->  
    </mx:Script>  
        <mx:Button width="10%" label="全屏播放" click="full(event);"/>  
</mx:Application>  
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" 
creationComplete="playLoad()" color="#0F7085" backgroundGradientAlphas="[1.0, 1.0]" 
backgroundGradientColors="[#FFFFFF, #FFFFFF]"> 
<mx:Script> 
<!--[CDATA[ 
import mx.binding.utils.BindingUtils; 
import mx.events.SliderEvent; 
import mx.events.VideoEvent;
 import mx.controls.Alert; 
import flash.events.MouseEvent;
 import mx.controls.HSlider;
 import flash.display.*;
 import mx.collections.ArrayCollection; 
//全屏 
private function full(evt:MouseEvent):void{ 
if (this.stage.displayState == StageDisplayState.FULL_SCREEN){
 this.stage.displayState = StageDisplayState.NORMAL; 
stage.scaleMode = StageScaleMode.NO_SCALE; 
} else{
 this.stage.displayState = StageDisplayState.FULL_SCREEN;
 stage.scaleMode = StageScaleMode.NO_SCALE; 
}
 } 
]]-->
 </mx:Script>
 <mx:Button width="10%" label="全屏播放" click="full(event);"/> 
</mx:Application>
  
第二步: 在Flex工程中html-template目录下的  index.template.html 文件,修改三处
<!-- saved from url=(0014)about:internet -->  
<html lang="en">  
<!--   
Smart developers always View Source.   
This application was built using Adobe Flex, an open source framework  
for building rich Internet applications that get delivered via the  
Flash Player or to desktops via Adobe AIR.   
Learn more about Flex at http://flex.org   
// -->  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<!--  BEGIN Browser History required section -->  
<link rel="stylesheet" type="text/css" href="history/history.css" mce_href="history/history.css" />  
<!--  END Browser History required section -->  
<title>${title}</title>  
<mce:script src="AC_OETags.js" mce_src="AC_OETags.js" language="javascript"></mce:script>  
<!--  BEGIN Browser History required section -->  
<mce:script src="history/history.js" mce_src="history/history.js" language="javascript"></mce:script>  
<!--  END Browser History required section -->  
<mce:style><!-- 
body { margin: 0px; overflow:hidden } 
--></mce:style><mce:style mce_bogus="1"><!-- 
body { margin: 0px; overflow:hidden } 
--></mce:style><style mce_bogus="1" mce_bogus="1">body { margin: 0px; overflow:hidden }</style>  
<mce:script language="JavaScript" type="text/javascript"><!--  
// -----------------------------------------------------------------------------  
// Globals  
// Major version of Flash required  
var requiredMajorVersion = ${version_major};  
// Minor version of Flash required  
var requiredMinorVersion = ${version_minor};  
// Minor version of Flash required  
var requiredRevision = ${version_revision};  
// -----------------------------------------------------------------------------  
// --></mce:script>  
</head>  
<body scroll="no">  
<mce:script language="JavaScript" type="text/javascript"><!--  
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)  
var hasProductInstall = DetectFlashVer(6, 0, 65);  
// Version check based upon the values defined in globals  
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);  
if ( hasProductInstall && !hasRequestedVersion ) {  
    // DO NOT MODIFY THE FOLLOWING FOUR LINES  
    // Location visited after installation is complete if installation is required  
    var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";  
    var MMredirectURL = window.location;  
    documentdocument.title = document.title.slice(0, 47) + " - Flash Player Installation";  
    var MMdoctitle = document.title;  
    AC_FL_RunContent(  
        "src", "playerProductInstall",  
        "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",  
        "width", "${width}",  
        "height", "${height}",  
        "align", "middle",  
        "id", "${application}",  
        "quality", "high",  
        "bgcolor", "${bgcolor}",  
        "name", "${application}",  
        "allowFullScreen","true",  
        "allowScriptAccess","sameDomain",  
        "type", "application/x-shockwave-flash",  
        "pluginspage", "http://www.adobe.com/go/getflashplayer"  
    );  
} else if (hasRequestedVersion) {  
    // if we've detected an acceptable version  
    // embed the Flash Content SWF when all tests are passed  
    AC_FL_RunContent(  
            "src", "${swf}",  
            "width", "${width}",  
            "height", "${height}",  
            "align", "middle",  
            "id", "${application}",  
            "quality", "high",  
            "bgcolor", "${bgcolor}",  
            "name", "${application}",  
            "allowFullScreen","true",  
            "allowScriptAccess","sameDomain",  
            "type", "application/x-shockwave-flash",  
            "pluginspage", "http://www.adobe.com/go/getflashplayer"  
    );  
  } else {  // flash is too old or we can't detect the plugin  
    var alternateContent = 'Alternate HTML content should be placed here. '  
    + 'This content requires the Adobe Flash Player. '  
    + '<a href="http://www.adobe.com/go/getflash" mce_href="http://www.adobe.com/go/getflash"></a>Get Flash</a>';  
    document.write(alternateContent);  // insert non-flash content  
  }  
// --></mce:script>  
<noscript>  
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
            id="${application}" width="${width}" height="${height}"  
            codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">  
            <param name="movie" value="${swf}.swf" />  
            <param name="quality" value="high" />  
            <param name="bgcolor" value="${bgcolor}" />  
            <param name="allowScriptAccess" value="sameDomain" />  
            <embed src="${swf}.swf" mce_src="${swf}.swf" quality="high" bgcolor="${bgcolor}"  
                width="${width}" height="${height}" name="${application}" align="middle"  
                play="true"  
                loop="false"  
                quality="high"  
                allowFullScreen="true"  
                allowScriptAccess="sameDomain"  
                type="application/x-shockwave-flash"  
                pluginspage="http://www.adobe.com/go/getflashplayer">  
            </embed>  
    </object>  
</noscript>  
</body>  
</html>  
 

分享到:
评论

相关推荐

    flex视频播放器

    Flex视频播放器是一种基于Adobe Flex框架开发的多媒体播放解决方案。Flex是ActionScript 3.0的一个开源框架,它允许开发者创建富互联网应用(RIA),在Web浏览器中提供丰富的图形和互动体验。在这个特定的场景中,...

    Flex 制作的视频播放器,同时可以支持全屏播放

    在这个实例中,我们将深入探讨如何使用Flex来制作一个具备全屏播放功能的视频播放器。 1. **Flex基础**:Flex是基于MXML和ActionScript 3.0的框架,MXML是一种声明式语言,用于定义UI布局和组件,而ActionScript ...

    flex视频监控播放器

    Flex视频监控播放器是一种基于Adobe Flex技术的Web应用程序,它允许用户通过网页浏览器实时观看视频监控...通过深入研究提供的博客文章和其他相关资料,可以进一步提升对Flex视频播放器及其在视频监控领域应用的理解。

    Flex视频播放器开发初级代码

    总的来说,Flex视频播放器的初级开发涉及到的主要知识点包括:使用`VideoDisplay`组件播放视频、使用`s:Image`模拟按钮行为、通过`HSlider`实现进度条和音量控制、以及添加全屏功能。通过这些基础元素,我们可以构建...

    flex播放器

    4. **播放器组件**:Flex播放器通常包含多种组件,如播放/暂停按钮、进度条、音量控制、全屏切换等。这些组件都是可自定义的,开发者可以根据需求进行调整。 5. **视频和音频解码**:Flex播放器支持多种媒体格式,...

    flex 视频播放器

    Flex视频播放器是一种基于Adobe Flex技术构建的多媒体播放解决方案,它允许开发者创建具有高级功能的交互式视频体验。Flex是一个开源框架,主要用于构建富互联网应用程序(RIA),它使用ActionScript编程语言和MXML...

    Flex视频播放器(支持rtmp协议)开发代码

    总结来说,开发一个支持RTMP协议的Flex视频播放器涉及多个步骤,包括与服务器建立连接、解析视频元数据、控制播放状态以及处理用户交互。通过理解这些核心概念和组件,开发者可以创建出功能丰富的视频播放应用,满足...

    Flex实现了一个FlV格式的视频播放功能

    在实际项目中,开发者可以根据需求进一步扩展和优化这个播放器,比如添加全屏模式、视频预加载策略或自定义播放控件。通过深入理解和灵活运用Flex的API,可以构建出功能强大且用户友好的视频播放应用。

    flex4.5在线视频播放器

    总结来说,Flex 4.5在线视频播放器是一个功能强大的工具,它不仅提供了一个完善的视频播放体验,还能灵活地与网页上的JavaScript环境进行交互,实现更丰富的功能和定制化需求。对于开发者而言,理解Flex 4.5的架构和...

    Flex播放器实例带源码的flex制作的播放器

    在Flex播放器实例中,第一个基础实例可能展示了如何创建一个基本的媒体播放器控件,包括加载视频、播放、暂停、停止以及音量控制等功能。开发者会学习如何使用Flex的MediaElement组件,该组件能够处理音频和视频内容...

    自己写的flex 播放器

    5. 用户界面交互:为了提供良好的用户体验,播放器通常会包含丰富的UI元素,如播放/暂停按钮、音量控制滑块、全屏切换、快进/快退按钮等。这些元素的交互设计需要考虑易用性和响应速度。 6. 自定义组件:如果标准的...

    一个flex的播放器

    它允许开发者使用MXML和ActionScript语言创建交互式的、图形丰富的Web应用,其中包括视频播放器。 在Flex中,我们可以创建自定义组件来扩展其基本功能。描述中的"一个继承flex的Video做成的类组件"指的是开发者创建...

    flex 4.5 播放器完善

    在“flex 4.5 播放器完善”这个主题中,我们将探讨如何利用Flex 4.5构建一个功能完善的视频播放器,以及它与JavaScript(JS)、SWF文件的交互。 一、Flex 4.5 播放器基础 Flex 4.5 提供了更灵活的布局管理器和组件...

    视频播放器

    Flex视频播放器是一种基于Adobe Flex框架构建的组件,主要用于开发AIR(Adobe Integrated Runtime)本地应用程序中的视频播放功能。Adobe Flex是一个开源SDK,用于构建富互联网应用(RIA),它允许开发者使用...

    Flex4做的视频播放器源码

    总的来说,这个Flex4视频播放器源码项目展示了如何使用Flex4框架和ActionScript来实现一个自定义的视频播放体验。通过学习和分析源码,你可以了解到如何处理视频流、控制播放、设计用户界面以及如何与其他技术(如...

    基于H5的PC端视频播放器源码

    这个播放器具有基础但实用的功能,包括调整音量、控制播放进度以及全屏播放,同时也涉及到如何精确计算视频的播放时间。在本文中,我们将深入探讨这些关键知识点。 首先,HTML5的`&lt;video&gt;`标签是实现视频播放的基础...

    as3 视频播放器 纯as3

    2. **视频播放器架构**:AS3视频播放器的核心包括加载视频数据、解析视频流、控制播放、暂停、停止等功能。通常,播放器需要处理的事件包括视频加载完成、播放进度改变、播放结束等。 3. **Video类和NetStream类**...

    基于flex的flv简易播放器

    【基于Flex的FLV简易播放器】是一种使用Adobe Flex Builder开发的简单视频播放器应用程序,主要针对FLV格式的视频内容。Flex是基于ActionScript 3.0的开放源代码框架,用于构建富互联网应用程序(RIA)。在这个...

    Web视频播放器XPlayer.zip

    说明: 由于 Flex 自带视频播放器体积过于笨重, 所以自己开发了一个轻量级的视频播放器 xPlayer 希望对大家有用, 本源码可以随意传播或者修改完善,旨在方便开发者使用.同时也宣传一下公司的业务素质体育:...

    flex版的flv播放器源码

    9. **源码学习价值**:对于想学习Flex开发或者视频播放器实现的开发者来说,这个源码是一个很好的学习资源,可以深入理解如何使用Flex构建功能丰富的媒体应用。 通过研究这个Flex FLV播放器源码,开发者可以了解到...

Global site tag (gtag.js) - Google Analytics