HTML5 重置视频并再次播放

1785
2023/9/20 3:56:26
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

要重置和再次播放HTML5视频,你可以使用JavaScript来控制视频元素的行为。下面是一个例子:

首先,在HTML中添加一个视频元素:

<video id="myVideo" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>

然后,在JavaScript中获取视频元素并添加一个事件监听器来重置和再次播放视频:

var video = document.getElementById("myVideo");
video.addEventListener("ended", function() {
video.currentTime = 0; // 重置视频到开头
video.play(); // 再次播放视频
});

在这个例子中,当视频结束时,事件监听器会将视频的当前播放时间设置为0(即返回到开头),然后再次播放视频。你可以根据需要修改事件监听器的行为。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: HTML5中的history.pushstate怎么使用