google-chrome - 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

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

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 的一种方式是允许您页面上的自动播放音频基于您之前作为用户与此网页的交互。您可以通过以下方式查看它的外观

chrome://media-engagement/

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
    });
}