1

在页面上嵌入 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（尚未测试更高版本）中。

谢谢。

4

2 回答 2

4

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

FF 3.6wmode="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/

于 2011-08-17T03:45:46.527 回答
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版本来测试，所以，请告诉我。

于 2011-08-16T06:25:52.110 回答