私のサイトでは、クリックしたときにさまざまなビデオをロードするために、その下に複数のリンクを持つ 1 つの YouTube ビデオ プレーヤーを作成しようとしています。これまでのところ、IE と Firefox では動作しますが、Chrome では動作しません。JS エラーは発生しませんが、アラートでテストしたところ、起動していonYouTubePlayerReady
ないことがわかりました。これが私のコードです:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js"></script>
<a name="ytplayer"></a>
<div id="ytplayer_div">You need Flash player 8+ and JavaScript enabled to view this video.</div>
<script type="text/javascript">
swfobject.embedSWF(
'http://www.youtube.com/v/vlArwl2EoDc&enablejsapi=1&rel=0&fs=1&hd=1',
'ytplayer_div',
'720',
'400',
'11',
null,
null,
{
allowScriptAccess: 'always',
allowFullScreen: 'true'
},
{
id: 'ytplayer_object'
}
);
var myytplayer;
function onYouTubePlayerReady(playerId) {
myytplayer = document.getElementById("ytplayer_object");
}
function ytplayer_loadvideo( id ) {
if (myytplayer) {
myytplayer.loadVideoById(id);
}
}
</script>
<div>
<a href="#ytplayer" onClick="ytplayer_loadvideo( 'vlArwl2EoDc' );"><img src="http://img.youtube.com/vi/vlArwl2EoDc/default.jpg" /></a> <a href="#ytplayer" onClick="ytplayer_loadvideo( 'G4EIgIEngKY' );"><img src="http://img.youtube.com/vi/G4EIgIEngKY/default.jpg" /></a> <a href="#ytplayer" onClick="ytplayer_loadvideo( 'wxXnf_oCRI4' );"><img src="http://img.youtube.com/vi/wxXnf_oCRI4/default.jpg" /></a>
</div>
誰が何が起こっているのか知っていますか?