一个页面上有多个Youtube无铬播放器

我正在尝试使用无铬播放器在一个网页中嵌入多个youtube视频。这不是一个播放器中的多个视频，而是一个页面上的多个播放器

这里有一个例子。（仅显示最后一段视频）：

您需要启用Flash player 9+和JavaScript才能查看此视频。
var params={allowScriptAccess:“始终”}；
var atts={id:“myytplayer”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=1234“，”ytapiplayer“，”499“，”281“，”9“，”空，空，参数，atts“；
函数onYouTubePlayerReady（playerId）{
ytplayer=document.getElementById（“myytplayer”）；
ytplayer.cueVideoById（“Zhawgd0REhA”）；
}
您需要启用Flash player 9+和JavaScript才能查看此视频。
var params={allowScriptAccess:“始终”}；
var atts={id:“myytplayer2”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=4321“，”ytapiplayer2“，”499“，”281“，”9“，”空，空，参数，附件）；
函数onYouTubePlayerReady（playerId）{
ytplayer2=document.getElementById（“myytplayer2”）；
ytplayer2.cueVideoById（“qkAn_qJdgBs”）；
}

任何帮助都将不胜感激。

修复：

  <script type="text/javascript">
    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player1","ytapiplayer", "499", "281", "9", null, null, params, atts);
    function onYouTubePlayerReady(playerId) {
        if(playerId == "player1"){
      ytplayer = document.getElementById("myytplayer");
      ytplayer.cueVideoById("H9v3eky91no");
        }else{
            if(playerId == "player2"){
          ytplayer2 = document.getElementById("myytplayer2");
          ytplayer2.cueVideoById("EGnwL0ganu0");
            }
    }
    }

  </script>
</div>
<div>
  <div id="ytapiplayer2">
    You need Flash player 9+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">
    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer2" };
    swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player2","ytapiplayer2", "499", "281", "9", null, null, params, atts);
  </script>
</div>

var params={allowScriptAccess:“始终”}；
var atts={id:“myytplayer”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player1“，”ytapiplayer“，”499“，”281“，”9“，”空，空，参数，atts“；
函数onYouTubePlayerReady（playerId）{
如果（playerId==“player1”）{
ytplayer=document.getElementById（“myytplayer”）；
ytplayer.cueVideoById（“H9v3eky91no”）；
}否则{
如果（playerId==“player2”）{
ytplayer2=document.getElementById（“myytplayer2”）；
ytplayer2.cueVideoById（“EGnwL0ganu0”）；
}
}
}
您需要启用Flash player 9+和JavaScript才能查看此视频。
var params={allowScriptAccess:“始终”}；
var atts={id:“myytplayer2”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player2“，”ytapiplayer2“，”499“，”281“，”9“，”空，空，参数，附件）；

您需要启用Flash player 9+和JavaScript才能查看此视频。
var params={allowScriptAccess:“始终”}；
var atts={id:“myytplayer”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player1“，”ytapiplayer“，”499“，”281“，”9“，”空，空，参数，atts“；
函数onYouTubePlayerReady（playerId）{
如果（playerId==“player1”）{
ytplayer=document.getElementById（“myytplayer”）；
ytplayer.cueVideoById（“H9v3eky91no”）；
}否则{
如果（playerId==“player2”）{
ytplayer2=document.getElementById（“myytplayer2”）；
ytplayer2.cueVideoById（“EGnwL0ganu0”）；
}
}
}
您需要启用Flash player 9+和JavaScript才能查看此视频。
var params={allowScriptAccess:“始终”}；
var atts={id:“myytplayer2”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player2“，”ytapiplayer2“，”499“，”281“，”9“，”空，空，参数，附件）；

可能晚了一点，但我正在搜索解决方案，找到了此页面。 您的代码现在不起作用，可能以前起作用，但现在不起作用。 我很沮丧，现在我终于成功了。 下面是今天的youtube javascript api上使用chromeless player的工作代码

我还添加了一些自定义错误处理-如果出现问题，则显示div而不是警报。例子。嵌入已禁用或错误的电影ID。和2个播放按钮，因此如果您想在播放前显示预览图像，可以使用相同的功能。（适合幻灯片放映）

工作代码2011年7月31日

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("swfobject", "2.1");
</script>    
<script type="text/javascript">
    function updateHTML(elmId, value) { document.getElementById(elmId).innerHTML = value;}
    function onPlayerError(errorCode) {if (errorCode == 150) { document.getElementById("embed_disabled").style.display = 'block'; }else { if (errorCode == 2) {document.getElementById("notfound").style.display = 'block';}}}

    function onYouTubePlayerReady(playerId) {

        if (playerId == "player1") {
            ytplayer = document.getElementById("ytPlayer");
            ytplayer.addEventListener("onError", "onPlayerError");
        }
        else if (playerId == "player2") {
            ytplayer2 = document.getElementById("ytPlayer2");
            ytplayer2.addEventListener("onError", "onPlayerError");
        }
    }
    function playVideo16() { if (ytplayer) {ytplayer.playVideo();}}
    function pauseVideo16() { if (ytplayer) { ytplayer.pauseVideo(); } }
    function playVideo17() { if (ytplayer2) { ytplayer2.playVideo(); } }
    function pauseVideo17() { if (ytplayer2) { ytplayer2.pauseVideo(); } }

    function loadPlayer() {
        var params = { allowScriptAccess: "always" };
        var atts = { id: "ytPlayer" };
        swfobject.embedSWF("http://www.youtube.com/apiplayer?video_id=4PspF_GA-9U&version=3&enablejsapi=1&playerapiid=player1&showinfo=0&controls=0&iv_load_policy=3&modestbranding=1&rel=0", "videoDiv", "480", "295", "10", null, null, params, atts);

        var params = { allowScriptAccess: "always" };
        var atts = { id: "ytPlayer2" };
        swfobject.embedSWF("http://www.youtube.com/apiplayer?video_id=G68fHZig9nA&version=3&enablejsapi=1&playerapiid=player2&showinfo=0&controls=0&iv_load_policy=3&modestbranding=1&rel=0", "videoDiv2", "480", "295", "10", null, null, params, atts);
    }
    function _run() { loadPlayer();}
    google.setOnLoadCallback(_run);
</script>

<div id="embed_disabled" style="color:#fff;position:absolute;background:#000;width:959px;height:5500px;z-index:100000;display:none">Embed disabled</div>
<div id="notfound" style="color:#fff;position:absolute;background:#000;width:959px;height:5500px;z-index:100000;display:none">Movie not found</div>



<div id="preview_videoDiv" onclick="this.style.display='none';playVideo16()" style="cursor:pointer;color:#fff;position:absolute;background:#000;width:480px;height:295px;z-index:100000;text-align:center;"><p style="padding-top:100px">Start movie</p></div>
<div id="videoDiv">Loading...</div>
<div style="clear:both;"><a href="javascript:void(0);" onclick="playVideo16();">Play</a> | <a href="javascript:void(0);" onclick="pauseVideo16();">Pause</a></div>

<div id="preview_videoDiv2" onclick="this.style.display='none';playVideo17()" style="cursor:pointer;color:#fff;position:absolute;background:#000;width:480px;height:295px;z-index:100000;text-align:center;"><p style="padding-top:100px">Start movie</p></div>
<div id="videoDiv2" style="clear:both;">Loading...</div>
<div style="clear:both;"><a href="javascript:void(0);" onclick="playVideo17();">Play</a> | <a href="javascript:void(0);" onclick="pauseVideo17();">Pause</a></div>

加载（“swfobject”，“2.1”）；
函数updateHTML（elmId，value）{document.getElementById（elmId.innerHTML=value；}
函数onplayerror（errorCode）{if（errorCode==150）{document.getElementById（“嵌入被禁用”）.style.display='block'；}否则{if（errorCode==2）{document.getElementById（“未找到”）.style.display='block'；}
函数onYouTubePlayerReady（playerId）{
如果（playerId==“player1”）{
ytplayer=document.getElementById（“ytplayer”）；
ytplayer.addEventListener（“onError”、“onplayerror”）；
}
else if（playerId==“player2”）{
ytplayer2=document.getElementById（“ytplayer2”）；
ytplayer2.添加的事件列表（“onError”、“ONPLAYERROR”）；
}
}
函数playVideo16（）{if（ytplayer）{ytplayer.playVideo（）；}
函数pauseVideo16（）{if（ytplayer）{ytplayer.pauseVideo（）；}}
函数playVideo17（）{if（ytplayer2）{ytplayer2.playVideo（）；}
函数pauseVideo17（）{if（ytplayer2）{ytplayer2.pauseVideo（）；}}
函数loadPlayer（）{
var params={allowScriptAccess:“始终”}；
var atts={id:“ytPlayer”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?video_id=4PspF_GA-9U&version=3&enablejsapi=1&playerapiid=player1&showinfo=0&controls=0&iv\u load\u policy=3&mdasterbranding=1&rel=0；“videoDiv”、“480”、“295”、“10”、null、null、params、atts）；
var params={allowScriptAccess:“始终”}；
var atts={id:“ytPlayer2”}；
swfobject.embeddeswf（“http://www.youtube.com/apiplayer?video_id=G68fHZig9nA&version=3&enablejsapi=1&playerapiid=player2&showinfo=0&controls=0&iv_load_policy=3&modestbranding=1&rel=0“，”videoDiv2“，”480“，”295“，”10“，”空、空、参数、附件）；
}
函数_run（）{loadPlayer（）；}
setOnLoadCallback（_run）；
嵌入禁用
找不到电影
开始播放电影

加载。。。
| 
开始播放电影

加载。。。
| 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div>
  <div id="ytapiplayer">
    You need Flash player 9+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">
    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player1","ytapiplayer", "499", "281", "9", null, null, params, atts);
    function onYouTubePlayerReady(playerId) {
        if(playerId == "player1"){
      ytplayer = document.getElementById("myytplayer");
      ytplayer.cueVideoById("H9v3eky91no");
        }else{
            if(playerId == "player2"){
          ytplayer2 = document.getElementById("myytplayer2");
          ytplayer2.cueVideoById("EGnwL0ganu0");
            }
    }
    }

  </script>
</div>
<div>
  <div id="ytapiplayer2">
    You need Flash player 9+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">
    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer2" };
    swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=player2","ytapiplayer2", "499", "281", "9", null, null, params, atts);
  </script>
</div>

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("swfobject", "2.1");
</script>    
<script type="text/javascript">
    function updateHTML(elmId, value) { document.getElementById(elmId).innerHTML = value;}
    function onPlayerError(errorCode) {if (errorCode == 150) { document.getElementById("embed_disabled").style.display = 'block'; }else { if (errorCode == 2) {document.getElementById("notfound").style.display = 'block';}}}

    function onYouTubePlayerReady(playerId) {

        if (playerId == "player1") {
            ytplayer = document.getElementById("ytPlayer");
            ytplayer.addEventListener("onError", "onPlayerError");
        }
        else if (playerId == "player2") {
            ytplayer2 = document.getElementById("ytPlayer2");
            ytplayer2.addEventListener("onError", "onPlayerError");
        }
    }
    function playVideo16() { if (ytplayer) {ytplayer.playVideo();}}
    function pauseVideo16() { if (ytplayer) { ytplayer.pauseVideo(); } }
    function playVideo17() { if (ytplayer2) { ytplayer2.playVideo(); } }
    function pauseVideo17() { if (ytplayer2) { ytplayer2.pauseVideo(); } }

    function loadPlayer() {
        var params = { allowScriptAccess: "always" };
        var atts = { id: "ytPlayer" };
        swfobject.embedSWF("http://www.youtube.com/apiplayer?video_id=4PspF_GA-9U&version=3&enablejsapi=1&playerapiid=player1&showinfo=0&controls=0&iv_load_policy=3&modestbranding=1&rel=0", "videoDiv", "480", "295", "10", null, null, params, atts);

        var params = { allowScriptAccess: "always" };
        var atts = { id: "ytPlayer2" };
        swfobject.embedSWF("http://www.youtube.com/apiplayer?video_id=G68fHZig9nA&version=3&enablejsapi=1&playerapiid=player2&showinfo=0&controls=0&iv_load_policy=3&modestbranding=1&rel=0", "videoDiv2", "480", "295", "10", null, null, params, atts);
    }
    function _run() { loadPlayer();}
    google.setOnLoadCallback(_run);
</script>

<div id="embed_disabled" style="color:#fff;position:absolute;background:#000;width:959px;height:5500px;z-index:100000;display:none">Embed disabled</div>
<div id="notfound" style="color:#fff;position:absolute;background:#000;width:959px;height:5500px;z-index:100000;display:none">Movie not found</div>



<div id="preview_videoDiv" onclick="this.style.display='none';playVideo16()" style="cursor:pointer;color:#fff;position:absolute;background:#000;width:480px;height:295px;z-index:100000;text-align:center;"><p style="padding-top:100px">Start movie</p></div>
<div id="videoDiv">Loading...</div>
<div style="clear:both;"><a href="javascript:void(0);" onclick="playVideo16();">Play</a> | <a href="javascript:void(0);" onclick="pauseVideo16();">Pause</a></div>

<div id="preview_videoDiv2" onclick="this.style.display='none';playVideo17()" style="cursor:pointer;color:#fff;position:absolute;background:#000;width:480px;height:295px;z-index:100000;text-align:center;"><p style="padding-top:100px">Start movie</p></div>
<div id="videoDiv2" style="clear:both;">Loading...</div>
<div style="clear:both;"><a href="javascript:void(0);" onclick="playVideo17();">Play</a> | <a href="javascript:void(0);" onclick="pauseVideo17();">Pause</a></div>