2013-04-26 83 views
0
<html> 
<body> 
<div id="ytplayer_div1">You need Flash player 8 or higher to view this content.</div> 
<script type='text/javascript' src='swfobject.js'> </script> 
<script type='text/javascript'> 
swfobject.embedSWF 
(
    'http://www.youtube.com/apiplayer?enablejsapi=1', 
    'ytplayer_div1', 
'425', 
'344', 
'8', 
null, 
null, 
{ 
    allowScriptAccess: 'always', 
      allowFullScreen: 'true' 
}, 
{ 
    id: 'ytplayer_object' 
} 
); 
var ytplayer = document.getElementById("ytplayer_div1"); 
ytplayer.loadVideoById("bHQqvYy5KYo", 5, "large"); 
</script> 
</body> 
</html> 
+0

你可以在这里试试这个代码: http://jsfiddle.net/WBFa4/10/ – Aravind 2013-04-26 12:46:36

回答

1

YouTube Javascript Player API: Getting Started

当玩家准备就绪后,API将调用onYouTubePlayerReady回调函数。

var ytplayer = document.getElementById("ytplayer_div1"); 
ytplayer.loadVideoById("bHQqvYy5KYo", 5, "large"); 

onYouTubePlayerReady = function() { 
    var ytplayer = document.getElementById("ytplayer_object"); 
    ytplayer.loadVideoById("bHQqvYy5KYo", 5, "large"); 
} 

注意到document.getElementById("ytplayer_object"),其中ID必须等于ID属性传递到swfobject.embedSWF这里:

{ 
    id: 'ytplayer_object' 
} 
+0

谢谢你,我已经改变了div的名字,并且在onYouTubePlayerReady中包裹了这些行,但它仍然无法工作。请检查它在这里:http://jsfiddle.net/WBFa4/11/ – Aravind 2013-04-26 14:51:46

+0

啊我的错误,从'document.getElementById(“ytplayer_object”)''id应该是相同的'{id:'ytplayer_object'}'。我编辑了我的答案来反映这一点。 – Sun 2013-04-26 15:00:50

+0

非常感谢你,是啊,它现在的作品:) – Aravind 2013-04-26 15:05:51