html video src HTML video src 属性

html video src

HTML video src 是一个 HTML 元素，用于在网页中嵌入视频。它可以播放本地文件或者远程文件，也可以播放流媒体视频。

使用 HTML video src 可以很容易地将视频嵌入到网页中，而不必使用 Flash 或其他复杂的技术。它可以通过 src 属性来引用视频文件，也可以通过 source 元素来引用多个视频文件。

<video width="320" height="240" controls> 
  <source src="movie.mp4" type="video/mp4"> 
  <source src="movie.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 

上面的代码是一个使用 HTML video src 的例子，它会同时播放 mp4 和 ogg 格式的视频文件。如果浏览器不支持 video 标签，就会显示“Your browser does not support the video tag”的信息。

HTML video src 还可以通过 autoplay、loop、muted 等属性来实现一些特效，例如让视频在加载后立即开始播放、循环播放、或者将声音关闭。

 
<video width="320" height="240" autoplay loop muted> 
  <source src="movie.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
</video>  

上面的代码会在加载后立即开始循环播放 mp4 格式的视频文件，并且声音关闭。如果浏览器不能识别 video 标签，就会显示“Your browser does not support the video tag”的信息。

HTML video src 属性

HTML <video> 标签

src 属性用来放置您需要播放的视频的路径来源，如下示例：

实例

播放一个视频：

<video src="movie.ogg" controls>
  Your browser does not support the video tag.
</video>

---

浏览器支持

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

注意： Internet Explorer 8 及更早IE版本不支持 <video> 标签。

---

定义和用法

src 属性指定 video 文件的本地路径(URL) 。

以上实例使用了 Ogg 文件, 该使用可正常显示于 Firefox, Opera 和 Chrome。

如果需要在 Internet Explorer 和 Safari 播放视频, 必须使用 MPEG4 文件。

如果想在所有浏览器播放视频文件 - 可在 <video> 元素总使用 <source> 元素。 <source> 元素可以链接到不同的视频文件。浏览器将使用第一个可识别的格式：

实例

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

尝试一下 »

---

HTML 4.01 与 HTML5之间的差异

<video> 标签是 HTML5 新标签。

---

语法

<video src="URL">

属性值

值	描述
URL	视频文件的 URL。 可能的值： 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/song.ogg" rel="external nofollow" target="_blank" ） 相对 URL - 指向网站内的文件（比如 href="song.ogg"）

---

HTML <video> 标签

相关文章

HTML DOM 参考手册：HTML DOM Video src 属性