Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
删除静音标记后,视频不会在html页面中自动播放_Html_Google Chrome_Html5 Video - Fatal编程技术网

删除静音标记后,视频不会在html页面中自动播放

删除静音标记后,视频不会在html页面中自动播放,html,google-chrome,html5-video,Html,Google Chrome,Html5 Video,我有一个html页面,其中我使用了一个视频标签: <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"> <source src="https://storage.googleapis.com/coverr-main/mp4/Mt_Baker.mp4" type="video/mp4"> </video> 视频自动播放停止。我如何解决

我有一个html页面,其中我使用了一个视频标签:

<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
           <source src="https://storage.googleapis.com/coverr-main/mp4/Mt_Baker.mp4" type="video/mp4">
</video>
视频自动播放停止。我如何解决这个问题


我曾尝试使用javascript播放视频,但它会导致DOM Promise异常。

在Google Chrome中,除非用户先单击某个内容,否则播放声音的任何内容都无法工作。请看公告。 解决方案可以是使用JavaScript模拟点击

document.addEventListener('click', musicPlay);
function musicPlay() {
    document.getElementById('ID').play();
    document.removeEventListener('click', musicPlay);
}
如果你无法使用JavaScript,谷歌的解决方案是添加

<head>
<script>
window.onload = function() {
  var context = new AudioContext();
}
</script>
</head>

如果仍然不起作用,请查看Google look推荐的更多最佳实践。

您是否使用Chrome?您可以简单地将autoplay替换为autoplay=autoplay,playsinline和loop也是如此!
<head>
<script>
window.onload = function() {
  var context = new AudioContext();
}
</script>
</head>