在 HTML 中,使用 <video> 元素可以嵌入视频文件并提供控制按钮,允许用户在网页上播放、暂停、调整音量等。以下是一个基本的 HTML 视频播放的示例:
<video controls width="600" height="400">
  <source src="video.mp4" type="video/mp4">
  您的浏览器不支持视频元素。
</video>

上述代码演示了一个简单的 <video> 元素,具有以下关键特点:

  •  controls 属性:添加了视频播放器的控制按钮,包括播放、暂停、音量调整等。

  •  width 和 height 属性:用于设置视频播放器的宽度和高度。

  •  <source> 元素:用于指定不同格式的视频文件,以便浏览器选择支持的格式进行播放。在这个例子中,指定了一个 MP4 格式的视频文件。


与 <audio> 类似,你也可以添加多个 <source> 元素,以提供不同格式的视频文件,以确保在不同的浏览器和设备上都能正常播放。
<video controls width="600" height="400">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  您的浏览器不支持视频元素。
</video>

在这个例子中,如果浏览器不支持 MP4 格式,将尝试播放 WebM 格式的视频文件。

除了基本用法外,<video> 元素还支持许多其他属性和事件,例如自动播放、循环播放、跳转到指定时间点等,以满足更多的需求。但请注意,在网页中使用视频时,要确保使用合适的格式,并提供替代文本以便于访问。


转载请注明出处:http://www.zyzy.cn/article/detail/3150/HTML