css - Chrome 自动播放拦截器阻止了我的视频

标签 css html5-video autoplay

由于 Chrome 的新自动播放拦截器,我网站上的自动播放背景英雄最近停止工作。没有音频,所以我很困惑为什么...请协助。

www.homecareassistancemontreal.ca

最佳答案

它停止了,因为 Chrome 不希望在没有用户直接同意(例如启动它)的情况下启动任何发声视频。如果您希望视频自动播放,您必须确保它已静音。

为此,您必须添加 muted属性给你的 <video> .

<video muted>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

You can read more about this here .

关于css - Chrome 自动播放拦截器阻止了我的视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51116730/

相关文章:

video - 强制嵌入 YouTube 视频自动播放?

html - 如何仅使用 CSS 使多组 div 具有相同的宽度?

html - 停靠 div 在父 div 的顶部垂直显示为内联 block

JavaScript通过同类播放按钮控制播放同类视频

iframe - YouTube嵌入式视频自动播放

html - 从非事件标签/窗口自动播放 <audio> 内容?

html - 加载页面时关键帧加载动画

jquery - 将 div 旋转到鼠标位置

javascript - 为什么在 Chrome 中设置 HTML5 视频元素的 currentTime 会重置时间?