<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. 視頻播放器不加載文件
- 2. YouTube播放器的視頻不加載
- 3. 在視頻播放中播放視頻
- 4. 如何在html5視頻播放器中完成下載後播放視頻?
- 5. HTML5視頻播放器:動態加載視頻
- 6. Flex視頻播放器幫助動態加載視頻與PHP?
- 7. HTML5視頻播放 - 圖像預加載
- 8. 加載臨時視頻並播放
- 9. 加載後播放HTML5視頻
- 10. HTML5視頻只播放音頻,不會在Safari上預加載?
- 11. 的MediaElement加載視頻播放器在音頻標籤
- 12. 在Android上下載時播放視頻
- 13. 如何在YouTube視頻播放器中播放YouTube視頻中的視頻android
- 14. 如何在所有平臺上播放視頻播放器
- 15. 無法在angularjs中加載和播放視頻
- 16. 視頻無法下載。開始播放
- 17. 在kaltura播放Youtube視頻播放器
- 18. 在Flash播放器中播放視頻
- 19. 視頻無法在視頻播放
- 20. 柔性視頻播放器不能播放,直到視頻滿載
- 21. 視頻加載,但點擊播放什麼都不做?
- 22. 視頻播放
- 23. 視頻播放
- 24. HTML5視頻只加載圖像,但沒有播放按鈕
- 25. 如何在YouTube上播放器上播放視頻網址(Android)
- 26. iOS ooyala視頻播放器:有沒有辦法播放視頻列表?
- 27. 如何從網絡服務加載和播放視頻
- 28. 爲什麼視頻在iPhone的MPMoviePlayer上沒有聲音播放
- 29. 在BlackBerry上播放視頻
- 30. 在iPhone上播放視頻
你可以在這裏試試這個代碼: http://jsfiddle.net/WBFa4/10/ – Aravind 2013-04-26 12:46:36