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

Posted 2023-03-14

【中文标题】YouTube 视频的播放速度控制？ HTML5？

【英文标题】：Playback speed control for YouTube videos? HTML5?

【发布时间】：2012-03-25 06:10:19

【问题描述】：

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

【参考方案1】：

http://mediaelementjs.com/ 是跨浏览器，根据浏览器支持使用 flash 或 html5，并拥有您正在寻找的所有方法。

【讨论】：

我没有具体说明我的问题，但我的问题标题表明这需要专门用于 YouTube 视频。我在那个网站上没有看到任何说播放器可以处理 YouTube 视频的内​​容。此外，从演示中似乎还没有实现速度控制。

检查一下：mediaelementjs.com/examples/?name=youtube#api 在网站的其他地方或其 github 项目中，有一套非常完整的处理程序可以帮助 ypu 进行速度控制

感谢您的链接...看来这可能有效...但是，我没有找到任何播放速度控制的示例。这些示例表明该功能尚不可用。

【参考方案2】：

新的 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 :)
      ,
    
  );

【讨论】：

它是否支持移动设备？播放速率在移动浏览器上不起作用。

【参考方案3】：

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