HTML/JavaScript在满足条件后播放视频

对于我的网站，我希望在满足条件后播放特定的视频

e、 g（如果x=1，播放视频）

我在HTML文件中有以下代码：

<div id="video">
    <video width="320" height="240" autoplay,>
    <source src=video_mp4 type="video/mp4">
    <source src=video_ogg type="video/ogg">
    Your browser does not support the video tag.
    </video>
</div>

---

但它似乎不起作用。

您可以使用以下方法：

<video id="video1" src="vid.mp4"></video>
<script>
    function playVideo(){
        var video= document.getElementById("video1");
        video.load();
        video.play();
    }
</script>

函数playVideo（）{
var video=document.getElementById（“video1”）；
video.load（）；
video.play（）；
}

到目前为止您尝试过什么吗？谢谢，因为这确实直接回答了我的问题。但是，我忘了提及我希望网页在满足条件之前不要加载视频（在屏幕上但暂停）。你知道解决这个问题的方法吗？

<video id="video1" src="vid.mp4"></video>
<script>
    function playVideo(){
        var video= document.getElementById("video1");
        video.load();
        video.play();
    }
</script>