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> 標簽