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

3

我需要为Youtube的视频实现一个播放速度控制器(例如:将视频以1/2倍速播放),我认为目前唯一的解决方式是使用HTML5(即便这种方式是可行的)。我对HTML5视频了解很少,但我对Youtube JS API有很多了解。请问有谁能指点我正确的方向吗?如果解决方案只在某些浏览器上适用也没关系。

3个回答

6
新的iframe API允许您控制视频的速度: iframe API参考:设置播放速率 默认的播放速率是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 :)
      },
    }
  });
}

它支持移动设备吗?在移动浏览器上播放速率不起作用。 - Pushparaj

2

$('#video').playbackRate = 3.0 或者 $('video').playbackRate = 3.0 (根据版本而定)

翻译:设置视频播放速度为3.0,使用方法取决于版本。

2

我在问题正文中没有具体说明,但我的问题标题表明这需要特别适用于YouTube视频。我在该网站上没有看到任何关于播放器将与YouTube视频一起使用的信息。此外,从演示中可以看出,速度控制尚未实现。 - Redtopia
请查看此链接:http://www.mediaelementjs.com/examples/?name=youtube#api,网站或其Github项目的其他地方有一组非常完整的处理程序,可以帮助您进行速度控制。 - davidmh
谢谢提供链接...看起来这个可能有效...但是,我没有找到任何关于播放速度控制的示例。这些示例表明该功能尚不可用。 - Redtopia

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接