HTML5 将 youtube 速度从 url 提高 2 倍？

Posted 2023-03-14

【中文标题】HTML5 将 youtube 速度从 url 提高 2 倍？

【英文标题】：HTML5 increase youtube speed 2x from url?

【发布时间】：2014-05-01 13:06:11

【问题描述】：

我想知道如何在不点击（视频的）html5 的情况下将 youtube 视频加速 2 倍，而是通过修改 URL。

例如，我知道如何通过在 URL 中附加参数 &t=1m1s（1 分 1 秒）来观看从特定时间开始的视频。 是否可以使用类似的方法将视频加速 2 倍？

我应该在URL中添加哪些参数以双速观看视频（我使用的是html5）？

【问题讨论】：

对于任何也尝试这样做的人来说，解决方案chrome.google.com/webstore/detail/html5-video-speed-control/…

您也可以使用书签github.com/sjurgis/Bookmarklets/blob/master/…

【参考方案1】：

您可以通过 url 或更简单的 javascript 从用户输入中注入 shift > 或

【参考方案2】：

本周早些时候我试图做同样的事情。

不可能完全通过 URL 参数解决问题。 （或者如果是， 它不是这里的文档： https://developers.google.com/youtube/player_parameters)

我来到了 Johan Preynat 的这个 JSFiddle：http://jsfiddle.net/jpreynat/e11oy0eu/

为我工作，所以希望它对你也有用

HTML

<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>

JavaScript

// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 3. This function creates an <iframe> (and YouTube player)
//    after the API code downloads.
var player;
function onYouTubeIframeAPIReady() 
    player = new YT.Player('player', 
        height: '390',
        width: '640',
        videoId: 'M7lc1UVf-VE',
        events: 
            'onReady': onPlayerReady
        
    );


// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) 
    player.setPlaybackRate(2);
    event.target.playVideo();

另请参阅 YouTube 文档： https://developers.google.com/youtube/iframe_api_reference

【参考方案3】：

无法通过 URL 参数更改播放速度。

无论如何，如果您使用 HTML，则可以利用 YouTube Player iFrame API。

以下是使用所有 JavaScript 配置播放器的方法： https://developers.google.com/youtube/iframe_api_reference#Getting_Started

这是您正在寻找的用于设置播放速度的函数： https://developers.google.com/youtube/iframe_api_reference#Playback_rate

所以你可以像这样编辑你的 onPlayerReady 函数：

function onPlayerReady(event) 
  player.setPlaybackRate(2); // This is what you're looking for
  event.target.playVideo();

您当然可以继续文档的第 5 步，因为这会在 6 秒后停止播放视频。

如果您在设置时遇到问题，我稍后会编辑 JSFiddle（无法在工作中进行，因为我的 Flash 插件无法启动）。

更新：

这里的 JSFiddle 可以很好地使用这段代码： http://jsfiddle.net/jpreynat/e11oy0eu/

【讨论】：

所以如果你可以嵌入一个播放器（比如在论坛网站上），你可以在 HTML 中添加一个脚本吗？