如何暂停和取消暂停视频

Question

我里面有这段代码

我有.css class myvideo（不需要这个代码），就是设计。 我想知道的是，我该如何暂停和取消暂停 video.I 尝试停止我的视频，但我没能做到 it.If 你可以帮助我，我会 greatful.Thanks

<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 元素来控制您的视频。该元素必须监听点击事件。之后，你就可以对视频做任何你想做的事了。

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

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

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