Youtube API - Flash 对象上的 div

【问题标题】：Youtube API - div over flash objectYoutube API - Flash 对象上的 div
【发布时间】：2012-05-15 17:57:56
【问题描述】：

我正在尝试在 youtube 视频上设置一个 div。我尝试设置 wmode:transparent 和 opaque，但视频消失了。还有其他方法吗？

var params = { allowScriptAccess: "always"};
swfobject.embedSWF(
        "http://www.youtube.com/apiplayer?&video_id=9_So9QyozqQ&enablejsapi=1&version=3&playerapiid=ytplayer", 
        "ytplayer", "229", "209", "8", null, null, params);
}

【问题讨论】：

标签： javascript youtube-api wmode

【解决方案1】：

swf 对象是windowed element。有窗口的元素总是在windowless elements 上绘制，不幸的是大多数其他 html 元素确实是无窗口的。

另一个windowed element 是iframe。请参阅this 链接。完成您想要的一种方法是使用 iFrame 来屏蔽 swf 对象。您可以将 iframe 放在 swf 对象的顶部，方法是给它一个更高的z-index。然后，您可以使 iframe 透明，这基本上会在您的 windowed elements 层中切出一个洞，显示底层的无窗口元素。

干杯

【讨论】：