Latest web development tutorials

HTML video src 屬性

HTML video 標籤參考手冊 HTML <video>標籤

實例

播放一個視頻:

<video src="movie.ogg" controls>
您的浏览器不支持 video 标签。
</video>

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持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">
您的浏览器不支持 video 标签。
</video>

嘗試一下»


HTML 4.01 與HTML5之間的差異

<video> 標籤是HTML5 新標籤。


語法

<video src="URL">

屬性值

描述
URL

视频文件的 URL。

可能的值:

  • 绝对 URL - 指向另一个站点(比如 href="http://www.example.com/song.ogg")
  • 相对 URL - 指向网站内的文件(比如 href="song.ogg")


HTML video 標籤參考手冊 HTML <video>標籤