Quicktime - Wmode 透明问题

Question

在页面上嵌入 Quicktime 视频，作为 IE 系列浏览器（无 flash/html5）的优雅后备。我稍后有一个 div 覆盖视频，因此 Quicktime 嵌入必须是 wmode=透明。下面是嵌入代码：

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

问题是：嵌入区域在加载 Quicktime 插件之前闪烁白色。嵌入成功完成，视频开始播放，但控制栏被白色遮挡。

有关如何解决此问题的任何想法？ （更改 wmode 不是一个选项）。所有IE浏览器+FF3.6都会出现这种情况（未测试更高版本）。

谢谢。

Answer 1

IE中播放器隐藏控制栏是因为wmode="transparent"。实时 示例，在所有版本的 IE（6/7/8 和 9）中进行测试，我看到相同的行为
但是设置 wmode="opaque" 显示控制栏。实时示例，在所有版本的 IE（6/7/8 和 9）中进行测试并看到相同的行为。但 wmode="opaque" 的问题是我们无法在播放器顶部显示任何覆盖层（dom 元素）。

FF 3.6 与 wmode="transparent" 不显示任何内容，我的意思是播放器本身不可见。实时示例。
但是使用 wmode="opaque" 一切正常，没有任何问题，我们也可以在播放器顶部覆盖。实时 示例

在 Chrome 13 中使用 wmode="transparent" 一切正常。实时示例。
但使用 wmode="opaque" 时，唯一的问题是我们无法在播放器顶部显示任何叠加层。现场 示例

我认为这将使您充分了解大多数现代 Quicktime 播放器的问题与 wmode 和 control bar 问题相关的浏览器。

工作 演示

• 这适用于所有浏览器 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 的高度，因为这可能会导致问题
与某些浏览器。

<强>>注2：影片控制器高16个像素，所以在控制器上加上16个像素
影片的高度以使影片控制器可见。

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

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