【发布时间】:2021-12-30 12:10:00
【问题描述】:
我想要一个在设定时间自动暂停的视频,然后用户必须按下播放按钮。我已经设法在嵌入的 YouTube 上播放并停止播放,但一旦停止,我就无法播放。理想情况下希望能够在 Vimeo 中执行此操作。任何帮助都会很棒。
【问题讨论】:
我想要一个在设定时间自动暂停的视频,然后用户必须按下播放按钮。我已经设法在嵌入的 YouTube 上播放并停止播放,但一旦停止,我就无法播放。理想情况下希望能够在 Vimeo 中执行此操作。任何帮助都会很棒。
【问题讨论】:
你可以设置一个“睡眠”定时器,然后使用暂停命令,如下所示:
<!DOCTYPE html>
<html>
<body>
<button onclick="playVid()" type="button">Play Video</button>
<button onclick="pauseVid()" type="button">Pause Video</button><br>
<video id="myVideo" width="320" height="176">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<script>
var vid = document.getElementById("myVideo");
async function playVid() {
vid.play();
// Sleep timer with 2000s
await new Promise(resolve => setTimeout(resolve, 2000));
// After this, pause
vid.pause();
}
function pauseVid() {
vid.pause();
}
</script>
<p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body>
</html>
【讨论】: