2012-03-07 67 views
1

我需要爲youtube視頻實現一個視頻播放速度控制器(例如:以1/2速度播放視頻),並且我認爲HTML5是目前實現此目標的唯一方法(如果甚至可能的話)。我對HTML5視頻知之甚少,但我對YouTube的js API瞭解很多。任何人都可以將我指向正確的方向嗎?如果該解決方案只適用於某些瀏覽器,那沒關係。YouTube視頻的播放速度控制? HTML5?

回答

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,並具有您正在尋找的所有方法。

+0

我沒有具體的在我的問題的身體,但我的問題的標題表明,這需要爲YouTube視頻工作特別。我沒有看到該網站上的任何內容表示該播放器將與YouTube視頻一起使用。另外,從演示中可以看出速度控制尚未實現。 – Redtopia 2012-04-06 15:31:33

+0

看看這個:http://www.mediaelementjs.com/examples/?name=youtube#api和網站或其github項目中的其他地方有一個非常完整的處理程序,可以幫助ypu與速度控制 – davidmh 2012-04-09 21:06:41

+0

謝謝對於鏈接...看起來,這*可能*工作...但是,我沒有找到任何播放速度控制的例子。這些示例表明該功能尚未可用。 – Redtopia 2012-04-10 21:31:06