JavaScript 实现视频自动循环播放

本文将介绍如何使用 JavaScript 实现视频自动循环播放。以下是一个简单的示例代码：

HTML 代码：

<video id="my-video" width="320" height="240" autoplay>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>

JavaScript 代码：

// 获取视频元素
var video = document.getElementById('my-video');

// 监听视频播放事件
video.addEventListener('play', function() {
  // 如果视频已经播放完毕，将当前时间重置为 0，重新播放视频
  if (video.currentTime === video.duration) {
    video.currentTime = 0;
    video.play();
  }
});

在上述代码中，我们使用 addEventListener 方法监听了视频的 play 事件。当视频开始播放时，判断视频是否已经播放完毕，如果是，则将当前时间重置为 0，重新播放视频。由于我们在 HTML 中设置了 autoplay 属性，因此视频将在页面加载完成后自动播放。