HTML |

HTML 中使用

语法

<video>
  <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 HTML video.
</video>

• src：指定视频资源的路径。
• type：指定视频的格式。

多源属性

为了兼容不同浏览器和设备，可以使用多个 标签来指定不同格式的视频资源。浏览器会自动选择最合适的格式进行播放。

<video>
  <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 HTML video.
</video>

属性顺序

多个 标签的顺序非常重要。浏览器会按照 标签的顺序依次进行判断，直到找到一个合适的格式为止。因此，最优先的格式应该放在最前面。

<video>
  <source src="video.webm" type="video/webm">
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
  Your browser does not support HTML video.
</video>

其他属性

<video id="myVideo" controls>
  <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 HTML video.
</video>

• id：为
• controls：表示显示视频控制栏。