删除静音标记后,视频不会在html页面中自动播放
我有一个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> 视频自动播放停止。我如何解决
<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>