【问题标题】:How to change speed on embedded Youtube video如何更改嵌入式 Youtube 视频的速度
【发布时间】: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 获取视频播放器并通过播放器属性更改速度。由于跨站点脚本,这是不可能的:'

标签: javascript html api youtube web


【解决方案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, '*');

【讨论】:

    猜你喜欢
    • 2017-10-21
    • 2013-06-27
    • 1970-01-01
    • 1970-01-01
    • 2015-03-06
    • 1970-01-01
    • 2010-10-15
    • 2014-02-15
    • 1970-01-01
    相关资源
    最近更新 更多