html - Quicktime - Wmode透明问题

Question

在页面上嵌入 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(高版本没测试)都会出现这种情况。

谢谢。

Answer 1

播放器在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 进行叠加的工作演示。

http://jsfiddle.net/Q3yBR/23/