2010-05-01 55 views
0

如何在页面顶部显示我的Flash视频,后面的标签?HTML + FLEX:在HTML后面显示闪存

网站:http://www.sanstitre.ch/drupal/portfolio?tid[0]=58

感谢

我使用SWFObject包装(跨浏览器)http://code.google.com/p/swfobject/

<div style="background-color: rgb(255, 255, 255); width: 100%;"> 
<object height="445" width="660" type="application/x-shockwave-flash" data="/drupal/videoPlayer/bin-debug/videoPlayer.swf?file=http://www.sanstitre.ch/drupal/sites/default/files/files/projects/WM 1976/videos/P1030297.flv" id="movie_player_1" style="visibility: visible;" wmode="transparent"> 
<param name="bgColor" value="#ffffff"> 
<param name="allowfullscreen" value="true"> 
<param name="autoplay" value="true"> 
<param name="flashvars" value="0=movie_player_1"> 
<param value="transparent" name="WMODE"> 
</object> 
+0

我还需要启用javascript mouseOver功能。我试图将它应用到父项,但它不起作用。 – aneuryzm 2010-05-01 16:10:33

回答

0

我已经解决了将

display: block 

属性对象。 (当然,尽你所能提供的一切)。

2

嗨,你可以在你的HTML代码

<PARAM NAME=wmode VALUE=transparent> 

添加此找到嵌入并添加此

wmode="transparent" 

尝试。

+0

感谢您的回复。实际上没有嵌入。我已经复制了问题中的代码。 – aneuryzm 2010-05-01 20:35:34

+0

请不要在HTML标记中使用大写字母。 – 2010-05-25 07:47:57

+0

@FractalizeR谢谢 – 2010-05-25 18:35:00

0

为了让Flash影片在底下显示,您确实需要将wmode设置为透明或不透明。从性能的角度来看,它可能不会带来太大的区别,因为两者实际上都使得Flash自己与浏览器在同一个窗口句柄中绘制,而不是拥有自己的窗口句柄。

无论如何,还有第二步要在下面显示它,这是为了确保它在html中的z顺序低于你希望在顶部显示的顺序。这可以通过编写你的HTML来解决,这样一来,顶部显示的标签在Flash电影之后,但我发现绝对最简单的方法是使用绝对定位和z-order风格属性定义排序。显然这取决于网站的其他部分,它是html。

这应该为分层部分。然而,如果你在Flash电影上有盗取鼠标焦点(如段落或div)的html元素,交互性问题可能是一个真正的问题。在这种情况下,您可能会或可能不必使用javascript拦截事件,然后使用ExternalInterface将这些事件的信息传递到您的Flash电影中。这很丑陋,并且可能会以意想不到的方式破裂(例如,dom会发生变化),但实施并不难。

+0

我已经更改了Firebug中的所有z索引以查看效果,并且视频播放器的容器和对象元素具有z-index:0,但标题(以及所有子标记和所有标记)指数:9999。我猜这个问题是在别的地方..也许是因为嵌入元素缺失? – aneuryzm 2010-05-02 06:47:39

+0

我看了一下你链接到的页面,它在Mac和Safari浏览器和Firefox中似乎都能正常工作,但我无法在Windows上进行测试。无论如何,html非常复杂,也许深层嵌套会导致分层问题? – 2010-05-02 12:05:33