HTML <video> src 屬性

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

實例

播放一個視頻:

<video src="/upload/help/movie.ogg" controls>
? Your browser does not support the video tag.
</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="/upload/help/movie.mp4" type="video/mp4">
? <source src="/upload/help/movie.ogg" type="video/ogg">
? Your browser does not support the video tag.
</video>

嘗試一下 ?


HTML 4.01 與 HTML5之間的差異

<video> 標簽是 HTML5 新標簽。


語法

<video src="/upload/help/URL">

屬性值

描述
URL

視頻文件的 URL。

可能的值:

  • 絕對 URL - 指向另一個站點(比如 href="http://www.example.com/song.ogg")
  • 相對 URL - 指向網站內的文件(比如 href="song.ogg")


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