Flash嵌入与html覆盖，wmode =“直接”

Question

我试图将html元素放置在必须使用wmode =“direct”呈现的flash视频上（视频占用整个窗口，需要放置html UI它，除直接以外的任何东西都会使CPU使用量激增）。

我试过使用iframe来包含Flash视频，但是我仍然无法在其上放置任何元素。有没有解决方法来实现这一目标？

Answer 1

根据Adobe's wmode browser support matrix，目前Mac版本的所有主流浏览器已经支持这种用例。在Windows上支持是不稳定的，只有IE 9+声称工作。

和你一样，我试图找出是否/当Adobe计划在Windows浏览器中扩展对wmode = direct的HTML覆盖支持。链接页面只会讨论Chrome最多10个，FF最多4个，所以自文档上次更新以来可能已经取得了更多进展。

如果我找到一些有用的东西，我会将它添加到这个答案，直到那时，假设您需要Windows上的IE 9 +以支持直接+覆盖，可能是最安全的。

Answer 2

我们发现当wmode="direct"时，大多数浏览器都支持HTML覆盖 - 但是没有浏览器能够支持覆盖在闪存顶部的透明度。甚至连PNG都不能正确混合。任何具有Alpha通道的像素都会忽略，就好像根本没有像素一样。

当创建UI到层在Flash的顶部我们以“毯去” SWF - 或 - 使用矩形DOM元素（即，没有圆角）

此外 - IE 9在Windows 7及以上版本根本无法通过闪存重叠什么。 Iframes似乎刺穿SWF，但HTML元素不。