YouTube视频的播放速度控制? HTML5?

时间:2012-03-07 17:16:51

标签: javascript html5 video youtube-api

我需要为youtube视频实现一个视频播放速度控制器(例如:以1/2速播放视频),我认为HTML5是目前唯一可行的方法(如果可能的话)。我对HTML5视频知之甚少,但我对youtube js API了解很多。谁能指出我正确的方向?如果解决方案只适用于某些浏览器,那也没关系。

3 个答案:

答案 0 :(得分: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 :)
      },
    }
  });
}

答案 1 :(得分:2)

http://mediaelementjs.com/是crossbrowser,使用flash或html5,具体取决于浏览器支持,并具有您正在寻找的所有方法。

答案 2 :(得分:0)

$('#video')。playbackRate = 3.0或 $('video')。playbackRate = 3.0(取决于版本)