2013-04-26 112 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