Youtube Script API - 播放器顯示菜單項頂部

我想將我的YouTube視頻嵌入到我的網站上，我使用腳本API，因此我可以自動播放和自動播放。Youtube Script 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/

希望能IVE在正確的地方張貼此。

任何幫助將是驚人的！在後 '的allowScriptAccess：「總是」' 文本：

非常感謝尼克@ Tuscor勞埃德

來源

2013-02-25 NickMcB

嘗試添加反對標籤 – Sarang 2013-02-25 11:37:32

薩朗您好，感謝您的幫助。我將如何/在哪裏添加該代碼？你能給我一個完整的例子，使用我提供的代碼嗎？ – NickMcB 2013-02-25 14:09:19

我想你已經解決了它。 – Sarang 2013-02-26 06:56:35

我加入 ' 「透明」的wmode' 解決了這個問題。

成品代碼：

<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-26 10:19:44 NickMcB

Youtube Script API - 播放器顯示菜單項頂部

回答

相關問題