为何调用.play方法无法播放视频？Chromium浏览器点击图片无响应

你的代码核心问题是没有调用play方法——play是一个函数，必须加上括号()才能执行，而不是只引用它。

修正后的代码 #

<img src="overlay.png" onclick="playit();">
<video id="video" loop>
     <source src="wheel.mp4" type="video/mp4">
</video>

<script>
     function playit() {
            document.getElementById("video").play(); // 补充()调用方法
     }
</script>

额外检查点 #

• 确认wheel.mp4的路径正确，和当前HTML文件的相对位置无误
• Chromium浏览器要求视频播放必须由用户交互触发（你的点击操作已经满足这个条件，这部分无需额外处理）

内容的提问来源于stack exchange，提问作者samscoolwebsite.com