由于有些日子,我的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
有人有想法或答案吗?
谢谢!
是的,根据他们的文档是。
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
});
}
@ Manshoor-Ahmad链接已断开
@ManshoorAhmad,谢谢,我现在也看到了链接的工作。在短时间内,它一定只是Vimeo方面的一个小故障。这是一个很好的例子,说明了为什么在答案中包括详细信息而不仅仅是链接是很重要的。