·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]as3实现视频全屏模式播放视频源代码

时间:2015-09-21 08:42酷播
应先通过应用程序的“发布”模板启用全屏模式,然后才能在浏览器中实现 Flash Player 的全屏模式。允许全屏的模板包含 标签

在浏览器中为 Flash Player 启用全屏模式

应先通过应用程序的“发布”模板启用全屏模式,然后才能在浏览器中实现 Flash Player 的全屏模式。允许全屏的模板包含 <object><embed> 标签,这些标签包含 allowFullScreen 参数。下面的示例显示了 <embed> 标签中的 allowFullScreen 参数。

  1. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
  2.     id="fullScreen" width="100%" height="100%"  
  3.     codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">  
  4.     ...  
  5.     <param name="allowFullScreen" value="true" />  
  6.     <embed src="fullScreen.swf" allowFullScreen="true" quality="high" bgcolor="#869ca7"  
  7.         width="100%" height="100%" name="fullScreen" align="middle"  
  8.         play="true"  
  9.         loop="false"  
  10.         quality="high"  
  11.         allowScriptAccess="sameDomain"  
  12.         type="application/x-shockwave-flash"  
  13.         pluginspage="http://www.adobe.com/go/getflashplayer">  
  14.     </embed>  
  15.     ...  
  16. </object> 

在 Flash 中,选择“文件”->“发布设置”,然后在“发布设置”对话框中的“HTML”选项卡上,选择“仅 Flash - 允许全屏”模板。

在 Flex 中,确保 HTML 模板包含支持全屏的 <object><embed> 标签。

启动全屏模式

对于运行于浏览器中的 Flash Player 内容,可在响应鼠标单击或按键操作时为视频启动全屏模式。例如,您可以在用户单击标签为“全屏”的按钮或者从上下文菜单中选择“全屏”命令时,启动全屏模 式。若要响应用户,请将一个事件侦听器添加到发生操作的对象。下面的代码将一个事件侦听器添加到用户单击后可进入全屏模式的按钮:

  1. var fullScreenButton:Button = new Button();  
  2. fullScreenButton.label = "Full Screen";  
  3. addChild(fullScreenButton);  
  4. fullScreenButton.addEventListener(MouseEvent.CLICK, fullScreenButtonHandler);  
  5.   
  6. function fullScreenButtonHandler(event:MouseEvent)  
  7. {  
  8.     stage.displayState = StageDisplayState.FULL_SCREEN;      
  9.   

代码通过将 Stage.displayState 属性设置为 StageDisplayState.FULL_SCREEN 来启动全屏模式。这段代码将整个舞台放大为全屏,同时其中的视频根据它在舞台中所占空间的比例一同放大。

fullScreenSourceRect 属性可用于指定舞台中要放大为全屏的某块特定区域。首先,定义要放大为全屏的矩形。然后将其赋给 Stage.fullScreenSourceRect 属性。此版本的 fullScreenButtonHandler() 函数添加了另外两行代码,这些代码只是将视频放大为全屏。

  1. private function fullScreenButtonHandler(event:MouseEvent)  
  2. {  
  3.     var screenRectangle:Rectangle = new Rectangle(video.x, video.y, video.width, video.height);  
  4.     stage.fullScreenSourceRect = screenRectangle;  
  5.     stage.displayState = StageDisplayState.FULL_SCREEN;  

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器