如何更改嵌入式 Youtube 视频的速度

Posted 2023-03-14

【中文标题】如何更改嵌入式 Youtube 视频的速度

【英文标题】：How to change speed on embedded Youtube video

【发布时间】：2017-05-24 15:46:22

【问题描述】：

我在网站中嵌入了一个 youtube 视频，并想更改该视频的速度。 我知道可以改变 html5 视频的速度（参见 How to change the playing speed of videos in HTML5?）。问题是 Youtube 视频是作为 iframe 嵌入的。

我找到了这段代码 jsfiddle.net/jpreynat/e11oy0eu/，但它只适用于台式机，不适用于移动设备。

是否有可能在每台设备上更改 Youtube 视频速度？

【问题讨论】：

我尝试了jsfiddle.net/jpreynat/e11oy0eu 的代码，但 Youtube 播放器 API 仅适用于桌面。另外，我尝试从 Youtube iframe 获取视频播放器并通过播放器属性更改速度。由于跨站点脚本，这是不可能的：'

【参考方案1】：

尝试在 iframe 上使用 postMessage 来传递 setPlaybackRate 命令，参数中包含 rate

var playbackRate = 2;
var data = event: 'command', func: 'setPlaybackRate', args: [playbackRate, true];
var message = JSON.stringify(data);
$('#iframe1')[0].contentWindow.postMessage(message, '*');