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"。Live example，在所有版本的IE (6/7/8和9)中测试过，我看到了相同的行为，但是设置wmode="opaque"会显示控制栏。Live example，在所有版本的IE (6/7/8和9)中进行了测试，并看到了相同的行为。但是wmode="opaque"的问题是我们不能在播放器上面显示任何覆盖(dom元素)。

带有wmode="transparent"的FF 3.6没有显示任何东西，我的意思是播放器本身是不可见的。Live example。但是有了wmode="opaque"，一切都运行得很好，没有任何问题，我们可以在播放器的顶部进行覆盖。Live example

在装有wmode="transparent"的Chrome13中，一切运行正常。Live example。但对于wmode="opaque"，唯一的问题是我们不能在播放器上显示任何覆盖。Live example

我认为这将使您对Quicktime player在大多数现代浏览器中与wmode和control bar问题相关的问题有足够的了解。

工作

• 此功能适用于所有浏览器IE (所有版本)，以及Chrome13。在FF 3.6中，此功能仅适用于wmode="opaque"，也支持覆盖。因此，对于FF，您可能需要设置conditionally.

wmode

工作演示与bgiframe覆盖。

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

Answer 2

高度属性以像素为单位指定嵌入文件的高度。除非指定了HIDDEN属性，否则HEIGHT属性是必需的。电影的高度可以通过选择'Get Info...‘找到。在QuickTime Player的“电影”菜单中。如果不使用SCALE属性，并且提供的高度小于影片的实际高度(如果正在显示控制器，则为16 )，则影片将被裁剪以适合该高度。如果您提供的高度大于影片的高度，则影片将在此高度内居中。

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

>注意2:电影控制器的高度为16像素，因此要使电影控制器可见，请在电影的高度上添加16像素。

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

根据文档，将控制器和/或scale=“方面”的嵌入高度增加16将解决您的问题。我没有较低的IE版本可以测试，所以，请让我知道。