当前位置： 文江博客话题详情

用于嵌入 HTML 页面中的 videoDisplay 控件的全屏选项

发布于 2024-11-15 01:43:22 字数 8669 浏览 2 评论 0原文

如果我的 html 页面中嵌入了一个 Flex SWC，并且该 Flex SWC 包含一个 Flex 4 videoDisplay 播放器，该播放器具有全屏选项。我如何使全屏工作。

因为当我单击 videaDisplay 的全屏按钮时，出现错误：

SecurityError: Error #2152: Full screen mode is not allowed.
at flash.display::Stage/set_displayState()
at flash.display::Stage/set displayState()
at spark.components::VideoPlayer/fullScreenButton_clickHandler()

但是如果我运行 Flex 应用程序本身，全屏选项可以正常工作。

我的 html 代码如下所示：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<body onload="MM_preloadImages('assets/index_main/images/nav-features-over.gif','assets/index_main/images/nav-signup-over.gif','assets/index_main/images/nav-pricing-over.gif')">
<div align="center">
  <table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="500" bgcolor="#C2E8F3" class="pricingBG"><div align="center">
        <p>
          <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,1,0,0','width','1024','height','1850','src','cloud_tour','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','cloud_tour' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,1,0,0" width="1024" height="1850">

Flex 代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
    backgroundColor="#FFFFFF" backgroundGradientColors="[#FFFFFF, #FFFFFF]"
    fontFamily="Arial" fontSize="13" width="1024" height="1850" verticalGap="20"
    verticalScrollPolicy="off" horizontalScrollPolicy="off"
    xmlns:controls="com.fxcomponentsWei.controls.*" xmlns:s="library://ns.adobe.com/flex/spark">
    <mx:Script>
        <![CDATA[           
            import mx.containers.Canvas;

            private const VIDEO_SRC_MY_FILES:String = 'assets/index_main/videos/my_files.flv';
            private const VIDEO_SRC_CALENDAR:String = 'assets/index_main/videos/calendar.flv';
            private const VIDEO_SRC_PROFILE_EXPLORER:String = 'assets/index_main/videos/profile_explorer.flv';
            private const VIDEO_SRC_GROUPS:String = 'assets/index_main/videos/groups.flv';

            private function handlePlay(e:Event):void
            {
                var cvs:Canvas = e.currentTarget.parent.parent as Canvas;
                var vid:VideoPlayer = cvs.getChildByName('vid') as VideoPlayer;
                vid.enabled = true;
                switch(e.currentTarget.data)
                {   //assign vid source
                    case 'my_files':                        
                        vid.source = VIDEO_SRC_MY_FILES;                                                                        
                        break;
                    case 'calendar':                        
                        vid.source = VIDEO_SRC_CALENDAR;                                                                        
                        break;
                    case 'profile_explorer':                        
                        vid.source = VIDEO_SRC_PROFILE_EXPLORER;                                                                        
                        break;
                    case 'groups':                          
                        vid.source = VIDEO_SRC_GROUPS;                                                                          
                        break;
                    default:
                        throw new Error('invalid video request');
                }
                cvs.removeChild(e.currentTarget.parent);    //remove play box button
            }

         ]]>
    </mx:Script>
    <s:VideoDisplay name="test" id="blah" width="320" height="160"
                    source="assets/index_main/videos/my_files.flv"/>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
            enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'my_files'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>    
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>My Files</b>
Want the ability to access, share and manage files from wherever you happen to be, without having to invest in expensive technology or IT staff? Cloud makes it simple and affordable to store and manage all your digital content – from financial, creative and productivity documents to image, audio and video files – right from your laptop, your smartphone or any other web-enabled device.             
            ]]>
        </mx:htmlText>
    </mx:Text>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
         enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'profile_explorer'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>    
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>Profile Explorer</b>
Connect other services to your profile, and keep in touch with all your friends in the Cloud and beyond. See what you're sharing with others, and what your friends are saying about you.               
            ]]>
        </mx:htmlText>
    </mx:Text>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
            enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'calendar'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>Calendar</b>
Organizing your schedule shouldn't be a burden. With the Cloud Calendar, it's easy to keep track of life's important events all in one place. You can invite other people to events on your calendar. Guests can RSVP to your events by email or via Cloud Calendar or Access your calendar however and whenever you want by syncing events with Microsoft Outlook, Apple iCal, Mozilla Sunbird or your smartphone.             
            ]]>
        </mx:htmlText>
    </mx:Text>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
            enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'groups'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>Groups</b>
Connect with the people you need to get the job done. Unlike other tools, Cloud Groups lets you work with anyone, whether they’re inside or outside the company firewall. Invite them into Cloud Groups to work together on projects, share files, assign tasks or catch up in real-time.               
            ]]>
        </mx:htmlText>
    </mx:Text>
</mx:Application>

谢谢和问候 ～Z～

原文

If I have a flex swc emebbed in my html page, and the flex swc contains an flex 4 videoDisplay player, which has an option for fullscreen. How do I make the fullscreen work.

Because when I click on fullscreen button for the videaDisplay, I get an error:

SecurityError: Error #2152: Full screen mode is not allowed.
at flash.display::Stage/set_displayState()
at flash.display::Stage/set displayState()
at spark.components::VideoPlayer/fullScreenButton_clickHandler()

But the fullscreen option works fine if I run the flex application itself.

My html code looks like:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<body onload="MM_preloadImages('assets/index_main/images/nav-features-over.gif','assets/index_main/images/nav-signup-over.gif','assets/index_main/images/nav-pricing-over.gif')">
<div align="center">
  <table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="500" bgcolor="#C2E8F3" class="pricingBG"><div align="center">
        <p>
          <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,1,0,0','width','1024','height','1850','src','cloud_tour','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','cloud_tour' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,1,0,0" width="1024" height="1850">

and the Flex code looks like:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
    backgroundColor="#FFFFFF" backgroundGradientColors="[#FFFFFF, #FFFFFF]"
    fontFamily="Arial" fontSize="13" width="1024" height="1850" verticalGap="20"
    verticalScrollPolicy="off" horizontalScrollPolicy="off"
    xmlns:controls="com.fxcomponentsWei.controls.*" xmlns:s="library://ns.adobe.com/flex/spark">
    <mx:Script>
        <![CDATA[           
            import mx.containers.Canvas;

            private const VIDEO_SRC_MY_FILES:String = 'assets/index_main/videos/my_files.flv';
            private const VIDEO_SRC_CALENDAR:String = 'assets/index_main/videos/calendar.flv';
            private const VIDEO_SRC_PROFILE_EXPLORER:String = 'assets/index_main/videos/profile_explorer.flv';
            private const VIDEO_SRC_GROUPS:String = 'assets/index_main/videos/groups.flv';

            private function handlePlay(e:Event):void
            {
                var cvs:Canvas = e.currentTarget.parent.parent as Canvas;
                var vid:VideoPlayer = cvs.getChildByName('vid') as VideoPlayer;
                vid.enabled = true;
                switch(e.currentTarget.data)
                {   //assign vid source
                    case 'my_files':                        
                        vid.source = VIDEO_SRC_MY_FILES;                                                                        
                        break;
                    case 'calendar':                        
                        vid.source = VIDEO_SRC_CALENDAR;                                                                        
                        break;
                    case 'profile_explorer':                        
                        vid.source = VIDEO_SRC_PROFILE_EXPLORER;                                                                        
                        break;
                    case 'groups':                          
                        vid.source = VIDEO_SRC_GROUPS;                                                                          
                        break;
                    default:
                        throw new Error('invalid video request');
                }
                cvs.removeChild(e.currentTarget.parent);    //remove play box button
            }

         ]]>
    </mx:Script>
    <s:VideoDisplay name="test" id="blah" width="320" height="160"
                    source="assets/index_main/videos/my_files.flv"/>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
            enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'my_files'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>    
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>My Files</b>
Want the ability to access, share and manage files from wherever you happen to be, without having to invest in expensive technology or IT staff? Cloud makes it simple and affordable to store and manage all your digital content – from financial, creative and productivity documents to image, audio and video files – right from your laptop, your smartphone or any other web-enabled device.             
            ]]>
        </mx:htmlText>
    </mx:Text>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
         enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'profile_explorer'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>    
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>Profile Explorer</b>
Connect other services to your profile, and keep in touch with all your friends in the Cloud and beyond. See what you're sharing with others, and what your friends are saying about you.               
            ]]>
        </mx:htmlText>
    </mx:Text>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
            enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'calendar'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>Calendar</b>
Organizing your schedule shouldn't be a burden. With the Cloud Calendar, it's easy to keep track of life's important events all in one place. You can invite other people to events on your calendar. Guests can RSVP to your events by email or via Cloud Calendar or Access your calendar however and whenever you want by syncing events with Microsoft Outlook, Apple iCal, Mozilla Sunbird or your smartphone.             
            ]]>
        </mx:htmlText>
    </mx:Text>
    <mx:Canvas width="500" height="300">
        <s:VideoPlayer name="vid" width="100%" height="100%" autoPlay="true" autoRewind="true"
            enabled="false"/>
        <mx:Box backgroundColor="#FFFFFF" width="100%" height="100%" backgroundAlpha="0.5"
            verticalAlign="middle" horizontalAlign="center">
            <mx:Image source="assets/index_main/images/play-128x128.png" click="handlePlay(event)"
                data="{'groups'}" buttonMode="true" toolTip="click to play"/>
        </mx:Box>
    </mx:Canvas>
    <mx:Text width="600">
        <mx:htmlText>
            <![CDATA[
<b>Groups</b>
Connect with the people you need to get the job done. Unlike other tools, Cloud Groups lets you work with anyone, whether they’re inside or outside the company firewall. Invite them into Cloud Groups to work together on projects, share files, assign tasks or catch up in real-time.               
            ]]>
        </mx:htmlText>
    </mx:Text>
</mx:Application>

Thanks and Regards
~Z~

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（1）

ㄟ。诗瑗 2024-11-22 01:43:22

我建议您使用 SWFObject 将 Flex swf 嵌入到 html 网站中。粗略一看，您似乎缺少 allowFullScreen 参数需要设置为true。

I would recommend you use SWFObject to embed your Flex swf into an html website. From a cursory glance, it seems you're missing the allowFullScreen parameter that needs to be set to true.

回复 原文
~没有更多了~

关于作者

梦过后

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

书间行客

文章 0 评论 0

我ぃ本無心為│何有愛

文章 0 评论 0

神妖

文章 0 评论 0

undefined

文章 0 评论 0

38169838

文章 0 评论 0

彡翼

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文