我需要爲youtube視頻實現一個視頻播放速度控制器(例如:以1/2速度播放視頻),並且我認爲HTML5是目前實現此目標的唯一方法(如果甚至可能的話)。我對HTML5視頻知之甚少,但我對YouTube的js API瞭解很多。任何人都可以將我指向正確的方向嗎?如果該解決方案只適用於某些瀏覽器,那沒關係。YouTube視頻的播放速度控制? HTML5?
1
A
回答
3
新的iframe API允許你控制視頻的速度:
iframe api reference: Setting the playback rate
默認的播放速率爲1,這表明在播放視頻時以正常速度。回放速率可包括值像0.25,0.5,1,1.5,和2
另外:
調用此函數並不保證播放速率實際上會發生變化。
示例代碼:
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('player', {
videoId: 'M7lc1UVf-VE',
playerVars: { 'autoplay': 1, 'controls': 0 },
events: {
'onReady': function(e){
// e.target = player
e.target.setPlaybackRate(0.5); // set to half speed
e.target.playVideo(); // watch lolcats in slow motion :)
},
}
});
}
2
http://mediaelementjs.com/是交叉瀏覽器,根據瀏覽器支持使用flash或html5,並具有您正在尋找的所有方法。
相關問題
- 1. Youtube的HTML5視頻播放器如何控制緩衝?
- 2. 視頻播放:HTML5 VS的Youtube API
- 3. 在Facebook中控制HTML5視頻播放
- 4. 如何使用JavaScript和HTML5播放器更改當前正在播放的YouTube視頻的播放速度?
- 5. 使用Youtube JS api控制多個Youtube視頻的播放(同時播放)
- 6. 播放視頻HTML5
- 7. Youtube HTML5視頻播放器播放器API後退(v2)
- 8. 如何在html5 jw播放器中播放youtube和vimeo視頻
- 9. 如何在YouTube視頻播放器中播放YouTube視頻中的視頻android
- 10. Youtube受限制的視頻播放
- 11. Howto通過HTML5視頻標籤播放YouTube視頻
- 12. 播放YouTube視頻,iPad的
- 13. 播放YouTube視頻的videoview
- 14. 如何更改HTML5中視頻的播放速度?
- 15. 更改多個html5視頻播放器的速度
- 16. 無控制播放視頻
- 17. HTML5視頻Seekable播放進度條
- 18. 定位HTML5視頻播放器控件
- 19. Youtube視頻播放器定製
- 20. HTML5視頻 - 提供用戶選項以播放速度
- 21. 在kaltura播放Youtube視頻播放器
- 22. Flash播放視頻速度正常,音頻速度正常
- 23. 循環播放YouTube視頻
- 24. 從webview播放youtube視頻
- 25. MPMoviePlayerController播放YouTube視頻
- 26. UWP播放YouTube視頻
- 27. Youtube視頻播放器
- 28. 全屏播放youtube視頻?
- 29. 全屏播放youtube視頻?
- 30. YouTube視頻不播放
我沒有具體的在我的問題的身體,但我的問題的標題表明,這需要爲YouTube視頻工作特別。我沒有看到該網站上的任何內容表示該播放器將與YouTube視頻一起使用。另外,從演示中可以看出速度控制尚未實現。 – Redtopia 2012-04-06 15:31:33
看看這個:http://www.mediaelementjs.com/examples/?name=youtube#api和網站或其github項目中的其他地方有一個非常完整的處理程序,可以幫助ypu與速度控制 – davidmh 2012-04-09 21:06:41
謝謝對於鏈接...看起來,這*可能*工作...但是,我沒有找到任何播放速度控制的例子。這些示例表明該功能尚未可用。 – Redtopia 2012-04-10 21:31:06