在页面上嵌入 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"
。直播example ,在所有版本的 IE(6/7/8 和 9)中进行测试,我看到了相同的行为
但是设置 wmode="opaque"
会显示控制栏。直播example ,在所有版本的 IE(6/7/8 和 9)中进行测试并看到相同的行为。但是 wmode="opaque"
的问题是我们无法在播放器顶部显示任何叠加层(dom 元素)。
带有 wmode="transparent"
的 FF 3.6 不显示任何内容,我的意思是播放器本身不可见。直播example .
但是使用 wmode="opaque"
一切正常,没有任何问题,我们也可以在播放器上覆盖。直播example
在带有 wmode="transparent"
的 Chrome 13 中一切正常。直播example .
但是使用 wmode="opaque"
唯一的问题是我们无法在播放器顶部显示任何叠加层。直播example
我认为这会让您充分了解与 wmode
和 control bar
问题相关的大多数现代浏览器中 Quicktime 播放器的问题。
工作 demo
- 这适用于所有浏览器 IE(所有版本)和 Chrome 13。在 FF 3.6 中仅适用于
wmode="opaque"
,并且还支持覆盖。因此,对于 FF,您可能希望有条件地设置wmode
。
使用 bgiframe 进行叠加的工作演示。
关于html - Quicktime - Wmode透明问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6998458/