HTML5でビデオをリセットして再再生

HTML5ビデオをリセットして再実行するには、 JavaScriptを使用してビデオ要素の動作を制御できます。以下に例を示します

まず、HTMLに動画要素を追加します。

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

次に、JavaScriptでvideo要素を取得し、ビデオをリセットして再生成するためのイベントリスナーを追加する：

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

この例では、イベントリスナーはビデオが終了すると、そのビデオの現在の再生時間を 0（つまり先頭に戻る）に設定し、改めてビデオの再生を行います。必要に応じてイベントリスナーの動作を変更できます。