Linux 拨号vps windows公众号手机端

HTML5 重置视频并再次播放

lewis 7年前 (2018-04-29) 阅读数 8 #程序编程
文章标签 html5

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

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门