溫馨提示×

HTML5 重置視頻并再次播放

小云
265
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中獲取視頻元素并添加一個事件監(jiān)聽器來重置和再次播放視頻：

var video = document.getElementById("myVideo");
video.addEventListener("ended", function() {
video.currentTime = 0; // 重置視頻到開頭
video.play(); // 再次播放視頻
});

在這個例子中，當(dāng)視頻結(jié)束時(shí)，事件監(jiān)聽器會將視頻的當(dāng)前播放時(shí)間設(shè)置為0（即返回到開頭），然后再次播放視頻。你可以根據(jù)需要修改事件監(jiān)聽器的行為。

0 踩