bootstrap5 实现视频播放

要在 Bootstrap 5 中实现视频播放，你需要使用 HTML5 的 `<video>` 标签。

首先，在你的 HTML 文件中插入 `<video>` 标签，并指定视频的 URL：

<video src="myvideo.mp4" controls></video>

其中，`controls` 属性会在视频上显示控制按钮，如播放/暂停、音量调节等。

你也可以设置视频的宽度和高度，以及是否自动播放：

<video src="myvideo.mp4" controls width="640" height="360" autoplay></video>

你还可以使用 Bootstrap 的网格系统来调整视频的大小和位置。例如，要将视频居中显示，可以使用类似于这样的 HTML 代码：

<div class="container">
  <div class="row">
    <div class="col-12">
      <video src="myvideo.mp4" controls class="mx-auto"></video>
    </div>
  </div>
</div>

这样，视频就会居中显示在页面中。

最后，你可能需要支持不同的视频格式，这样用户的浏览器就可以正常播放你的视频。为了达到这个目的，你可以使用多个 `<source>` 标签来指定不同的视频文件：

<video controls>
  <source src="myvideo.mp4" type="video/mp4">
  <source src="myvideo.webm" type="video/webm">
</video>

这样，如果用户的浏览器不支持 MP4