html h5 多个视频播放

在HTML5中，可以通过使用`<video>`元素来播放多个视频。我们可以通过在HTML文档中创建多个`<video>`标签来实现这一点。

首先，我们为每个视频创建一个独立的`<video>`标签，然后使用不同的`src`属性指定每个视频的URL。例如：

<video src="video1.mp4"></video>
<video src="video2.mp4"></video>
<video src="video3.mp4"></video>

上述代码创建了三个视频标签，并且每个视频使用不同的mp4文件作为来源。你可以根据实际需求更改URL和视频文件的格式。

如果需要为视频提供控件（例如播放按钮，音量控制等），我们可以在每个`<video>`标签中添加`controls`属性，这样就会自动显示默认的控制条。例如：

<video src="video1.mp4" controls></video>
<video src="video2.mp4" controls></video>
<video src="video3.mp4" controls></video>

如果你想要同时播放多个视频，你可以使用JavaScript来操作`<video>`元素。你可以使用`querySelector`方法选择要操作的视频元素，并使用`play`方法开始播放。例如：

<video id="video1" src="video1.mp4"></video>
<video id="video2" src="video2.mp4"></video>
<video id="video3" src="video3.mp4"></video>

<script>
  var video1 = document.getElementById("video1");
  video1.play();

  var video2 = document.getElementById("video2");
  video2.play();

  var video3 = document.getElementById("video3");
  video3.play();
</script>

上述代码使用了JavaScript来选择每个`<video>`元素，并使用`play`方法自动开始播放每个视频。

这是一种在HTML5中播放多个视频的简单方法。你可以根据需要进行定制和扩展，以满足你的具体需求。