如何暂停和取消暂停视频

Question

我在

中包含此代码

并且我有 .css类myvideo （不需要此代码），这是设计。 我想知道的是，我该如何暂停和取消暂停该视频。我试图停止我的视频，但是我没有管理好。如果您能帮助我，我将非常感激。谢谢

<div class="myvideo" style="left: 6px; top: 0px">
<video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted">
<source src="exr.mp4" type="video/mp4">
</video>

Answer 1

如果要控制视频元素，则必须使用JavaScript进行控制。这是一个如何通过JavaScript控制视频对象的好例子：https://www.w3schools.com/tags/av_met_pause.asp

您可能需要添加另一个HTML元素来控制视频。该元素必须侦听click事件。之后，您将可以对视频进行所需的操作。

const videoEl = document.getElementById("video-bg-elem");

// Will play the video
videoEl.play();

// Will pause the video
videoEl.pause();