html怎么让视频自动循环播放

以下是两种让视频自动循环播放的HTML代码：
1.使用autoplay和loop属性

<video autoplay loop>
  <source src="vedio.webm">
  <source src="vedio.mp4">
</video>

2.使用JavaScript控制视频播放

<video id="myVideo" controls>
  <source src="vedio.webm">
 <source src="vedio.mp4">
</video>
<script>
  var video = document.getElementById("myVideo");
  video.addEventListener('ended', function() {
    video.currentTime = 0;
    video.play();
  }, false);
</script>

相关问题

html5视频自动循环播放代码

要让HTML5视频自动循环播放，你可以使用HTML5的video标签，并在其中添加loop属性。

以下是一个示例代码，可以实现自动循环播放视频：

<video autoplay loop>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  <source src="video.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

在上述代码中，autoplay属性用于自动播放视频，而loop属性用于使视频循环播放。你可以在video标签内添加多个source标签，以提供不同格式的视频文件，以便不同浏览器上都能正常播放。

如果浏览器不支持video标签，则会显示“Your browser does not support the video tag.”这个提示信息。

通过上述代码，你可以实现视频的自动循环播放。

怎么才能实现引入视频自动循环播放呢

要实现引入视频自动循环播放，可以通过以下步骤来实现：

1.在HTML文件中引入视频，使用`<video>`标签。

2.为`<video>`标签添加`loop`属性，这样视频会自动循环播放。

3.如果需要在视频播放结束后自动重新开始播放，可以在JS中为`<video>`标签添加一个`ended`事件监听器，当视频播放结束时，重新设置视频的`currentTime`为0，然后调用`play()`方法。

下面是一个简单的示例代码：

<video src="video.mp4" loop></video>
<script>
  const video = document.querySelector('video');
  video.addEventListener('ended', () => {
    video.currentTime = 0;
    video.play();
  });
</script>

在上面的示例代码中，`video`变量获取到了`<video>`元素，然后添加`ended`事件监听器，在事件处理函数中重新设置`currentTime`为0，然后调用`play()`方法实现视频的自动循环播放。