<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>
回答
從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'
}
謝謝你,我已經改變了div的名字,並且在onYouTubePlayerReady中包裹了這些行,但它仍然無法工作。請檢查它在這裏:http://jsfiddle.net/WBFa4/11/ – Aravind 2013-04-26 14:51:46
啊我的錯誤,從'document.getElementById(「ytplayer_object」)''id應該是相同的'{id:'ytplayer_object'}'。我編輯了我的答案來反映這一點。 – Sun 2013-04-26 15:00:50
非常感謝你,是啊,它現在的作品:) – Aravind 2013-04-26 15:05:51
- 1. YouTube播放器的視頻不加載
- 2. 視頻播放器不加載文件
- 3. 視頻播放器不停止加載
- 4. 視頻播放器播放視頻
- 5. 如何在Flash AS3中加載視頻時播放視頻?
- 6. 在視頻播放中播放視頻
- 7. 如何在html5視頻播放器中完成下載後播放視頻?
- 8. 音頻播放,但視頻觀看都沒有加載
- 9. HTML5視頻播放器:動態加載視頻
- 10. HTML5視頻播放器:動態加載視頻
- 11. Flex視頻播放器幫助動態加載視頻與PHP?
- 12. 加載後播放HTML5視頻
- 13. HTML5視頻播放 - 圖像預加載
- 14. Youtube視頻未加載播放列表
- 15. VideoView播放視頻但重新加載
- 16. 加載臨時視頻並播放
- 17. 預加載視頻文件 - HTML5播放
- 18. 如何在視頻播放器中播放視頻
- 19. HTML5視頻只播放音頻,不會在Safari上預加載?
- 20. 的MediaElement加載視頻播放器在音頻標籤
- 21. 在Android上下載時播放視頻
- 22. 如何在YouTube視頻播放器中播放YouTube視頻中的視頻android
- 23. 如何在JW播放器中加載vimeo視頻
- 24. JavaFX視頻沒有播放
- 25. 如何在所有平臺上播放視頻播放器
- 26. html5視頻標籤 - 延遲加載/播放視頻
- 27. 無法在angularjs中加載和播放視頻
- 28. 如何在pygame中加載和播放視頻
- 29. 視頻無法下載。開始播放
- 30. 在kaltura播放Youtube視頻播放器
你可以在這裏試試這個代碼: http://jsfiddle.net/WBFa4/10/ – Aravind 2013-04-26 12:46:36