HTML Video 标签

2025 年 3 月 25 日 | 阅读 2 分钟

HTML 5 也支持 <video> 标签。HTML video 标签用于在网页上流式传输视频文件,例如电影片段、歌曲片段。

目前,HTML video 标签支持三种视频格式:

  1. mp4
  2. webM
  3. ogg

让我们看看定义了哪些网页浏览器支持视频文件格式的表格。

浏览器mp4webMogg
ie browser Internet Explorer
chrome 浏览器 Google Chrome
firefox 浏览器 Mozilla Firefox
opera browser Opera
safari 浏览器 Apple Safari

Android 也支持 mp4 格式。

HTML Video 标签示例

让我们看看使用 HTML video 标签播放 mp4 文件的代码。

让我们看看使用 HTML video 标签播放 ogg 文件的示例。


支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<video>是的是的是的是的是的

HTML Video 标签的属性

让我们看看 HTML 5 video 标签属性列表。

属性描述
controls它定义了与播放/暂停按钮一起显示的视频控件。
高度它用于设置视频播放器的高度。
宽度它用于设置视频播放器的宽度。
poster它指定了当视频未播放时在屏幕上显示的图像。
autoplay它指定视频一旦准备好就会开始播放。
loop它指定视频文件每次完成后都会重新开始播放。
muted它用于静音视频输出。
preload它指定了当页面加载时上传视频文件的作者视图。
src它指定了视频文件的源 URL。

HTML Video 标签属性示例

让我们看看 HTML 中 video 标签的示例,其中我们使用了 height、width、autoplay、controls 和 loop 属性。

HTML Video 格式的 MIME 类型

下面是可用的 MIME 类型 HTML video 标签。

视频格式MIME 类型
mp4video/mp4
oggvideo/ogg
webMvideo/webM
下一主题HTML svg