Chrome中的静音自动播放仍无效

Question

我无法让Chrome自动播放视频.我已经将视频设置为静音,它可以在Safari和Firefox中自动播放,但不能在Chrome中播放.

            <video autoplay muted poster="path to video" id="bgvid">

        <source src="assets/uploads/hero/livePhotoNoSound.mp4" type="video/webm">

            <source src="assets/uploads/hero/livePhotoNoSound.mp4" type="video/mp4">

        </video>    

我想要视频自动开始播放.目前视频加载,但仍然是.我读过的所有内容都表明只要它静音它应该播放,但这不是我得到的结果.

Answer 1

尽管@ richard-lindner的解决方案对我不起作用,但它让我走上正轨.

就我而言,虽然该muted属性存在,但Chrome忽略了它并且无声地失败,除非它也在javacript中明确设置,例如

var video = document.getElementById("myVideo");
video.oncanplaythrough = function() {
    video.muted = true;
    video.play();
}

有趣的是,使用javascript强制自动播放但忽略该video.muted = true行确实在控制台中显示自动播放策略错误,这表明Chrome muted在某些情况下确实忽略了该属性.这对我来说就像Chrome的自动播放政策一样.

请注意,仅在未缓存视频时才会出现错误.如果它被缓存,自动播放按预期工作.

Answer 2

oncanplay="this.muted=true"您可以在视频标签上使用

<video  muted loop autoplay oncanplay="this.muted=true">
    <source src="your src" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

Answer 3

下面的示例对您的代码进行了最小的更改，在 Mac (10.12.6) 上的 chrome（版本 62.0.3202.94 ）中播放：

<video autoplay muted poster="path to video" id="bgvid">
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
</video>  

可能是 Safari 和 Friefox 正在播放 mp4，而 chrome 正在播放 webm，并且问题与 webm 视频本身有关，而不是与您的 HTML5 代码有关。