Youtube Script API - 显示在菜单项顶部的播放器答案

【问题标题】：Youtube Script API - player showing over the top of menu itemsYoutube Script API - 显示在菜单项顶部的播放器
【发布时间】：2013-02-10 12:49:55
【问题描述】：

我正在尝试将我的 youtube 视频嵌入到我的网站上，我正在使用脚本 API，因此我可以让它自动播放和自动静音。

我遇到的唯一问题是视频位于我的导航菜单下方，当子菜单退出时，它会显示在播放器下方。

我最初让播放器嵌入了 iFrame 脚本，并使用 wmode=opaque 来解决这个问题，效果很好。

它似乎不适用于脚本 API 嵌入方法。

是否可以使用 iFrame 方法停止这种情况或静音？

这是我的 YouTube 脚本：

<script src="http://www.google.com/jsapi"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div>
<script type="text/javascript">
google.load("swfobject", "2.1");
function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("myytplayer");
    ytplayer.playVideo();
    ytplayer.mute();
}
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/Du_GXK-lh4M?enablejsapi=1&playerapiid=ytplayer&allowFullScreen=true&version=3&rel=0&wmode=opaque",
"ytapiplayer", "440", "280", "8", null, null, params, atts);
</script>

视频嵌入可以在我的网站上看到：http://create.tuscorlloyds.com/

希望我把这个贴在正确的地方。

任何帮助都会很棒！

非常感谢尼克@Tuscor Lloyds

【问题讨论】：

尝试将添加到对象标签
嗨，Sarang，感谢您的帮助。我将如何/在哪里添加该代码？你能用我提供的代码给我一个完整的例子吗？
我想你已经解决了。

标签： youtube-api

【解决方案1】：

我通过在 'allowScriptAccess: "always"' 文本后添加 'wmode: "transparent"' 来解决此问题。

完成的代码：

<script src="http://www.google.com/jsapi"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div>
<script type="text/javascript">
google.load("swfobject", "2.1");
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.playVideo();
ytplayer.mute();
}
var params = { allowScriptAccess: "always", wmode: "transparent" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/Du_GXK-lh4M?enablejsapi=1&    playerapiid=ytplayer&allowFullScreen=true&version=3&rel=0",
"ytapiplayer", "440", "280", "8", null, null, params, atts);
</script>

【讨论】：