HTML5視頻播放是目前最常用的視頻播放方式之一。對于某些特定場合,重復播放視頻是必須的。以下是HTML5視頻重復播放代碼的實現。
<video id="myVideo" controls="controls" autoplay="autoplay"> <source src="myVideo.mp4" type="video/mp4"> </video> <script> var video = document.getElementById("myVideo"); video.addEventListener("ended", function () { video.currentTime = 0; video.play(); }, false); </script>
代碼解釋:
<video>標簽用于嵌入視頻,其中包含一個源<source>標簽指定視頻文件,以及controls和autoplay屬性用于視頻播放控制和自動播放。
<script>標簽中的代碼實現了視頻的重復播放。addEventListener方法被調用,用于跟蹤視頻的播放。當視頻結束時,currentTime屬性被設置為0,并且video.play()方法被調用,重新播放視頻。
上述代碼可以根據特定的需求進行自定義,例如更改視頻文件類型、控制自動重復播放的次數等。