2011-05-26 51 views
5

是否可以在全屏闪光灯电影前面带一个div?如何在全屏闪光灯前带一个div

如果有可能,我该怎么做?我想在我的网站上制作一个小盒子,并在其中放置一些链接,并将其放置在正在我的网站中播放的Flash动画的顶部,以便用户可以在那里使用快捷键。

我不想把链接放在Flash动画里面:D

谢谢!

+0

为什么不直接把链接直接放入你的flash?是的,你可以覆盖一个div,这取决于你如何嵌入你的闪存 – 2011-05-26 19:15:32

+0

嗯,我不想把链接放在闪存中,因为我也想使用YouTube闪存 – Cata 2011-05-26 19:19:42

回答

2

以下是您的操作方法。确保在嵌入swf时将wmode设置为透明,这里有一个适合你的页面示例。 overFlash div将出现在电影上。希望这可以帮助!

<html> 
    <head> 
     <title>test</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <style type="text/css" media="screen"> 
     html, body { height:100%; background-color: #ffffff;} 
     body { margin:0; padding:0; overflow:hidden; } 
     #flashContent { width:100%; height:100%; } 
     #overFlash{padding:20px;background-color:#D9D9D9;width:150px;position:absolute;left:300px} 
     </style> 
    </head> 
    <body> 
     <div id="overFlash"> 
      OVER FLASH! 
     </div> 

     <div id="flashContent"> 
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="test" align="middle"> 
       <param name="movie" value="test.swf" /> 
       <param name="quality" value="high" /> 
       <param name="bgcolor" value="#ffffff" /> 
       <param name="play" value="true" /> 
       <param name="loop" value="true" /> 
       <param name="wmode" value="transparent" /> 
       <param name="scale" value="showall" /> 
       <param name="menu" value="true" /> 
       <param name="devicefont" value="false" /> 
       <param name="salign" value="" /> 
       <param name="allowScriptAccess" value="sameDomain" /> 
       <!--[if !IE]>--> 
       <object type="application/x-shockwave-flash" data="test.swf" width="550" height="400"> 
        <param name="movie" value="test.swf" /> 
        <param name="quality" value="high" /> 
        <param name="bgcolor" value="#ffffff" /> 
        <param name="play" value="true" /> 
        <param name="loop" value="true" /> 
        <param name="wmode" value="transparent" /> 
        <param name="scale" value="showall" /> 
        <param name="menu" value="true" /> 
        <param name="devicefont" value="false" /> 
        <param name="salign" value="" /> 
        <param name="allowScriptAccess" value="sameDomain" /> 
       <!--<![endif]--> 
        <a href="http://www.adobe.com/go/getflash"> 
         <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> 
        </a> 
       <!--[if !IE]>--> 
       </object> 
       <!--<![endif]--> 
      </object> 
     </div> 
    </body> 
</html> 
+0

啊废话 - 我没有看完你的完整问题全屏。对不起,这不会帮助你。而从我所知道的,你不能实际使用HTML是全屏,因为你没有在那个时候处理浏览器...... – onekidney 2011-05-26 20:27:11

+0

哈,我错过了全屏思考也。所以答案是否定的,你不能在全屏模式下覆盖div。全屏模式下不存在HTML。你可能想研究YouTube的API,看看是否有你可以使用的东西。 – 2011-05-26 20:44:43

+0

好的,无论如何,我还是非常感谢你们,我知道我几乎没有机会通过html来完成这件事:)但至少我已经尝试过:)。我会回答onekidney,因为也许可以帮助别人... – Cata 2011-05-27 08:07:14