html - 如何暂停和取消暂停视频

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>

标签： htmlcssvideo

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();