html网页中wmode,关于html：Quicktime-Wmode透明问题

在网页上嵌入Quicktime视频，作为IE系列浏览器的优雅后备(无Flash / html5)。 我稍后会在视频上叠加div，因此Quicktime嵌入必须为wmode = transparent。 下面是嵌入代码：

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

关于如何解决此问题的任何想法？ (更改wmode是不可选项)。 在所有IE浏览器+ FF3.6中都发生这种情况(尚未测试更高版本)。

谢谢。

您是在ieTester /浏览器实验室中还是在独立版本的IE上进行测试？

在VM中运行的IE的实际版本。 在Firefox上也会发生。

我可以链接到示例页面(使用您正在使用的test.mp4)吗？ VM是什么操作系统？ 还有QuickTime版本吗？

您是在说即不支持Flash，还是在不支持Flash的情况下进行后备？ 正常降级意味着对于不符合最低规格的用户，您不需要工作版本，而是提供指向该视频的链接，以便他们可以在其他地方下载或观看该视频。

@zzzzBov：这是一个备用。 不幸的是，我们必须满足客户的需求，并且发送大量的受众特征来下载视频会减少观看次数。

播放器在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"时，一切正常，没有任何问题，我们也可以在播放器顶部进行覆盖。现场例子

在带有wmode="transparent"的Chrome 13中，一切正常。现场示例。

但是使用wmode="opaque"唯一的问题是我们无法在播放器顶部显示任何覆盖。现场例子

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

工作演示

这在所有浏览器IE(所有版本)和Chrome 13中均适用。在FF 3.6中，仅与wmode="opaque"一起使用，并且还支持覆盖。因此，对于FF，您可能需要有条件地设置wmode。

使用bgiframe进行叠加演示。

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

谢谢，但我知道这些发现。我的问题是在IE中进行透明工作，因为我们确实需要在其上进行覆盖。感谢您的时间

@Dmitri-当我们设置wmode="transparent"时，控制栏显示框消失了，但是叠加层可以工作，并且使用wmode="opaque"时，控制栏出现了，但是叠加层不起作用，在这种情况下，为什么不在叠加层后面使用iframe，控制栏也会出现，覆盖也将起作用。

@Dimitri-请检查我编辑过的答案，添加了一个有效的演示，该演示可在所有带有控制栏并覆盖其上的浏览器中使用。

谢谢香卡。它似乎仍然不能解决IE显示的问题？

这在Firefox + Chrome中有效，但是似乎IE中的最初问题仍然存在。我尝试使用bgiframe自动添加iframe，但不幸的是，在这种情况下它无法正常工作。

我在IE 6/7/8中尝试过，效果很好。我看到了控制栏以及叠加层。如果需要，我将编写代码以在叠加层后面显示iframe。

@Dimitri-请检查编辑后的答案，我为重叠式广告添加了bgiframe。您可以有条件地将该代码用于IE浏览器，以在播放器顶部显示覆盖图，谢谢。

完美，感谢和赏赐已授予！

非常感谢Dmitri，谢谢！

这个答案似乎仍然没有显示QuickTime控件。 (使用wmode = trans时为WIN7 / CHROME / FF)

The HEIGHT attribute specifies the height of the embedded file in

pixels. The HEIGHT attribute is required unless the HIDDEN attribute

is specified. The HEIGHT of the movie can be found by choosing 'Get

Info...' in the 'Movie' menu within QuickTime Player. If you do not

use the SCALE attribute and you supply a height that is smaller than

the actual height of the movie (plus 16 if you are showing the

controller), the movie will be cropped to fit the height. If you

supply a height that is greater than the height of the movie, the

movie will be centered inside this height.

Note:Never specify a height of less than 2 as this can cause problems

with some browsers.

> Note 2:The movie controller is 16 pixels high, so add 16 pixels to the

height of the movie to make the movie controller visible.

根据文档，在控制器的嵌入高度上增加16和/或scale =" aspect"可以解决您的问题。我没有要测试的较低IE版本，因此，请告诉我。

感谢您抽出宝贵的时间。不幸的是，如您在屏幕截图中所见，控制栏在那里，但它前面有一个工件。我会尝试使用方面

是的在使用方法的基础上，scale =" aspect"可以使工件保持原状，并在视频的两侧添加白色边栏。谢谢！

你能告诉我你的QuickTime版本吗？