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/

Answer 2

  

HEIGHT属性指定嵌入文件的高度   像素。除非HIDDEN属性，否则HEIGHT属性是必需的   已指定。通过选择“获取”可以找到电影的高度   信息...'在QuickTime Player中的'电影'菜单中。如果你不   使用SCALE属性并提供小于的高度   电影的实际高度（如果您正在显示，则加上16   控制器），电影将被裁剪以适应高度。如果你   提供高于电影高度的高度   电影将在这个高度内居中。

     

注意：切勿指定小于2的高度，因为这可能会导致问题   一些浏览器。

     

<强>＆GT;注意2：电影控制器高16像素，因此添加16像素   电影的高度，使电影控制器可见。

<embed src="test.mp4" width="300" height="416" wmode="transparent" autoplay="true" scale="tofit" />

为控制器和/或scale =“aspect”添加16的嵌入高度将根据文档解决您的问题。我没有较低的IE版本进行测试，所以，请告诉我。