Chrome自动播放政策中的自动播放背景视频 [英] Autoplay background video in Chrome Autoplay Policy
问题描述
因此,在最新版本的Chrome中,显然自动播放政策已更改,因此这反过来会破坏每个具有应自动播放视频背景的网站 我想知道是否有人可以解决"这个问题? (我相信按钮或进入页面"解决方案将是一种糟糕的解决方法,尤其是对于背景视频而言)
So in the latest chrome apparently the Autoplay Policy has been changed so this in turn breaks every site that has a video background that should autoplay I am wondering if anyone has any smart work arounds that could "solve" the issue? (I believe a button or "enter page" solution would be a terrible way of a work around especially for a background video)
如果用户不与文档进行交互,这就是您现在在控制台中看到的内容:
Here is what you get now in the console if a user doesn't interact with the document:
Uncaught (in promise) DOMException: play() failed
because the user didn't interact with the document first.
这是Google的更改: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Here is the change from google: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
推荐答案
在最近的政策更改后,Chrome将不允许自动播放视频.一种简单的解决方案是使视频静音,模拟点击并播放视频.
Chrome will not allow autoplay videos after the recent policy change. An easy solution is to mute the video, simulate a click, then play the video.
HTML
<video id="video" muted loop="loop">
JavaScript
Javascript
// Click a random element
document.getElementById('randomElement').click();
// Play video after click
setTimeout(function(){
document.getElementById('video').play();
}, 1500);
这篇关于Chrome自动播放政策中的自动播放背景视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!