我的网页上有一个 20 秒长的 HTML5 视频循环作为背景，并将其设置为自动启动。视频自动播放可以延迟5秒吗？我试图在尝试播放之前让视频完全加载，以防止视频卡顿。这是我当前的代码：
<video id="video_background" poster="images/dmm_background.jpg" controls="controls" preload="true" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="videos/backgroundvideo.mp4" type="video/mp4">
<source src="videos/backgroundvideo.webm" type="video/webm">
</video>
</video>
任何帮助是极大的赞赏！！
这对我来说是一个可行的解决方案。你应该使用canplay作为确保浏览器正常运行的最佳实践can play视频。另外，这里有一个直接的 JavaScript 解决方案。
注意：我删除了自动播放，一个额外的结束视频标签，并格式化了您的静音和循环标志。
var video = document.getElementById("video_background");
video.addEventListener("canplay", function() {
setTimeout(function() {
video.play();
}, 5000);
});
<video id="video_background" poster="images/dmm_background.jpg" controls="controls" preload="true" muted loop>
<source src="https://d2v9y0dukr6mq2.cloudfront.net/video/preview/SsRadVyPGjdkeg9tt/videoblocks-computer-hacking-in-process-cyber-security-concept_h-l3zbu4xb__PM.mp4">
<source src="videos/backgroundvideo.webm" type="video/webm">
</video>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
