有关HTML 5中的视频添加?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (135)

我在我的网页上有视频背景,我想要将这个视频停留3-4秒,然后继续(循环)。我怎样才能做到这一点?

代码:

<video autoplay muted loop id="myVideo">
     <source src="video/Great_Coffee.mp4" type="video/mp4"> Your browser does not support HTML5 video.
</video>   
提问于
用户回答回答于

下面是一个例子,你可以使用JavaScript来完成这个任务:

const video = document.getElementById('myVideo');
video.currentTime = 5; // Video will jump to 5th second
video.pause();
setInterval(() => {
	video.play();
}, 3000);
<video id="myVideo" autoplay loop>
  <source src="https://www.w3schools.com/jsref/movie.mp4" type="video/mp4">
  <source src="https://www.w3schools.com/jsref/movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

扫码关注云+社区

领取腾讯云代金券