Chrome Vimeo Iframe自动播放功能不再适用

Question

因为有些日子我的vimeo iframe将不再自动播放.我知道chrome更新,它将阻止带声音的自动播放视频.该块是否已激活？

Vimeo示例代码不起作用:

<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

但netflix.com和vimeo本身在主页上有一个自动播放视频,可以正常播放.

编辑:Chrome版本66.0.3359.139 macOS High Sierra 10.13.4

有没有人有想法或答案？

谢谢!

Answer 1

<iframe>使用allow属性注释为我工作:

<iframe ... allow="autoplay; fullscreen"></iframe>

它被称为"Iframe委托",在此处描述:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes.

Answer 2

您需要添加&muted=1到iFrame src路径,并且需要将该属性添加allow="autoplay"到iFrame.现在,Vimeo视频会在Chrome中再次自动启动.

Answer 3

是的，根据他们的文档是这样。

https://help.vimeo.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos

编辑：

FireFox、Chrome 和 Safari 等高级浏览器现在默认阻止视频自动播放。

CHROME 自动播放政策：

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

媒体参与指数，或简称 MEI，Chrome 的一种方式是允许您页面上的自动播放音频基于您之前作为用户与此网页的交互。您可以通过以下方式查看它的外观

铬：//媒体参与/

MEI 是按用户配置文件计算的，并保持为隐身模式。

WEBKIT/SAFARI 自动播放政策：

https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

Firefox 自动播放改进：

https://www.ghacks.net/2018/09/21/firefox-improved-autoplay-blocking/

注意： 不要假设媒体元素会播放，也不要从一开始就显示暂停按钮。在 HTMLMediaElement 上查看 play 函数返回的 Promise 是否被拒绝：

var promise = document.querySelector('video').play();

if (promise !== undefined) {
    promise.catch(error => {
        // Auto-play was prevented
        // Show a UI element to let the user manually start playback
    }).then(() => {
        // Auto-play started
    });
}

Answer 4

自动播放 + 静音 + 开始时间 x 秒 =

<div>
    <iframe src="https://player.vimeo.com/video/342787403?&autoplay=1&loop=1&title=0&byline=0&portrait=0&muted=1&#t=235s" style="position:absolute;top:0;left:0;width:100%;height:100%;" width="1400" height="900" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
    </iframe>
</div>

#t 参数必须是最后一个。