温馨提示:本文翻译自stackoverflow.com,查看原文请点击:其他 - Chrome Vimeo Iframe autoplay not working anymore
iframe google-chrome vimeo autoplay

其他 - Chrome Vimeo Iframe自动播放不再起作用

发布于 2020-03-27 12:02:39

由于有些日子,我的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

有人有想法或答案吗?

谢谢!

查看更多

查看更多

提问者
GoE
被浏览
84
Manshoor Ahmad 2018-11-06 09:36

是的,根据他们的文档是。

https://help.vimeo.com/hc/zh-CN/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
    });
}