HTML <video> src 属性

HTML <video> 标签

定义和用法

src 属性规定视频文件的位置（URL）。

上面的例子使用了一个 Ogg 文件，在 Chrome、Edge、Firefox 和 Opera 中都可以工作。

要在旧版 Internet Explorer 和 Safari 中播放视频，我们必须使用 MPEG4 文件。

为了让它在所有浏览器中工作 - 请在 <video> 元素内添加多个 <source> 元素。每个 <source> 元素可以链接到不同的视频文件。浏览器将使用第一个识别到的格式。

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  您的浏览器不支持视频标签。
</video>

亲自试一试

实例

播放视频：

<video src="shanghai.mp4" controls>
  您的浏览器不支持视频标签。
</video>

亲自试一试

语法

<video src="URL">

属性值

值 描述
URL

视频文件的 URL。

可能的值：

  • 绝对 URL - 指向另一个网站（如 src="http://www.example.com/movie.ogg"）
  • 相对 URL - 指向网站内的文件（如 src="shanghai.ogg"）

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

所有主流浏览器都支持 src 属性，但是，并非所有浏览器都支持定义的文件格式。

HTML <video> 标签