HTML5 重置视频并再次播放

avatar
作者
筋斗云
阅读量:4

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!