1

我正在尝试将我的 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

4

1 回答 1

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>
于 2013-02-26T10:19:44.133 回答