温馨提示×

HTML5 重置视频并再次播放

小云
153
2023-09-26 03:56:26
栏目: 编程语言

要重置和再次播放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(即返回到开头),然后再次播放视频。你可以根据需要修改事件监听器的行为。

0