在页面上嵌入Quicktime视频,作为IE浏览器家族(无flash/html5)的一种优雅的后备方案。稍后我有一个div覆盖视频,所以Quicktime嵌入必须是wmode=transparent。下面是嵌入代码:
<embed src="test.mp4" width="300" height="400" wmode="transparent" autoplay="true" scale="tofit" />
问题是:在加载quicktime插件之前,嵌入区域会闪烁白色。嵌入成功完成,视频开始播放,但控制栏被挡出白色。
有什么解决办法吗?(更改wmode不是一个选项)。这在所有IE浏览器+FF3.6(尚未测试更高版本)中都会发生。
谢谢。
最佳答案
在IE中隐藏控制条的播放器是因为wmode="transparent"
。Liveexample,在所有版本的IE(6/7/8和9)中测试,我看到了相同的行为
但是设置wmode="opaque"
显示控制栏。Liveexample,在所有版本的IE(6/7/8和9)中测试,并看到相同的行为。但是wmode="opaque"
的问题是我们不能在播放器顶部显示任何覆盖(dom元素)。
FF 3.6 withwmode="transparent"
不显示任何内容,我的意思是播放器本身不可见。现场example。
不过,有了wmode="opaque"
一切都很好,没有任何问题,我们也可以在球员的顶部覆盖。直播example
在Chrome 13中,wmode="transparent"
一切正常。现场example。
但是对于wmode="opaque"
唯一的问题是我们不能在播放器的顶部显示任何覆盖。直播example
我认为这将使您对大多数现代浏览器中与wmode
和control bar
问题相关的Quicktime player问题有足够的了解。
工作demo
这适用于所有浏览器IE(所有版本)和Chrome 13。在FF 3.6中,仅适用于wmode="opaque"
并且还支持覆盖。因此,对于FF,您可能需要有条件地设置wmode
。
使用bgiframe进行覆盖的工作演示。
http://jsfiddle.net/Q3yBR/23/
关于html - Quicktime-Wmode透明问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6998458/