水平居中视频 - HTML

在 HTML 中，水平居中一般可以通过以下步骤实现：

1. 创建一个包含视频的容器。
2. 为该容器设置 display: flex 和 justify-content: center 样式，使其水平居中。
3. 设置视频的宽度。

以下是实现水平居中视频的代码示例：

<div class="video-container">
  <video src="your-video-src.mp4" width="640" height="360" controls></video>
</div>

<style>
  .video-container {
    display: flex;
    justify-content: center;
  }
  video {
    width: 640px;
  }
</style>

代码说明：

• 创建一个包含视频的 <div> 容器，并指定样式类名为 video-container。
• 在容器中嵌入 <video> 标签，并设置视频文件的源地址、宽度和高度，并添加 controls 属性以启用播放器控件。
• 对容器应用 display: flex 和 justify-content: center 样式，使其水平居中。
• 设置视频的宽度为 640px。

以上代码片段返回markdown格式为：

# 水平居中视频 - HTML

在 HTML 中，水平居中一般可以通过以下步骤实现：

1. 创建一个包含视频的容器。
2. 为该容器设置 ```display: flex``` 和 ```justify-content: center``` 样式，使其水平居中。
3. 设置视频的宽度。

以下是实现水平居中视频的代码示例：

```html
<div class="video-container">
  <video src="your-video-src.mp4" width="640" height="360" controls></video>
</div>

<style>
  .video-container {
    display: flex;
    justify-content: center;
  }
  video {
    width: 640px;
  }
</style>