HTML5中video標簽如何使用

這篇文章主要講解了“HTML5中video標簽如何使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“HTML5中video標簽如何使用”吧！

HTML5中的video標簽

HTML5中的video 標簽HTML4中沒有的新標簽。因為網頁沒有顯示視頻的標準所以，瀏覽器必須加載插件來進行視頻的播放，插件運行太多或插件本身問題都容易引起瀏覽器的假死，造成用戶的反感。所以，HTML5中的video標簽的出現將改變瀏覽器必須加載插件的情況，進一步改善用戶Web體驗和降低瀏覽器假死的情況，讓用戶在輕松愉快的情況下觀看視頻。

HTML5 <video> 標簽支持3種常用的視頻格式：

1、Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件；

2、MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件；

3、WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件。現在主流瀏覽器對視頻格式的支持都有所不同，相信HTML5正式發布的那天 <video> 會支持更多的視頻格式，給開發者和用戶帶來不少的好處。

下面來講講HTML5中的video標簽如何使用,如果需要在瀏覽器中顯示視頻，你所需要的就是復制下面的代碼：

<video src="movie.ogg" width="320" height="240" controls="controls">

Your browser does not support the video tag.

</video>

control 屬性供添加播放、暫停和音量控件。包含Width寬度和高度height屬性也是不錯的主意。<video> 與 </video> 之間插入的內容是供不支持 video 元素的瀏覽器顯示的。

上面的代碼使用一個 Ogg 文件，適用于Firefox、Opera 以及谷歌 Chrome 瀏覽器。要確保適用于 Safari 瀏覽器，視頻文件必須使用 MPEG4 格式。IE8是不支持HTML5的<video>標簽，IE9支持該標簽，但也必須使用MPEG4格式。

video 元素允許多個 source 元素。source 元素可以鏈接不同格式的視頻文件。瀏覽器檢測并使用第一個可識別的格式，代碼如下：

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

感謝各位的閱讀，以上就是“HTML5中video標簽如何使用”的內容了，經過本文的學習后，相信大家對HTML5中video標簽如何使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！