首先我們介紹下播放視頻的標簽：

html5 video 標簽： video 標簽定義視頻，比如電影片段或其他視頻流。

web上的視頻直到現在，仍然不存在一項旨在網頁上顯示視頻的標準。

今天，大多數視頻是通過插件（比如 Flash）來顯示的。然而，并非所有瀏覽器都擁有同樣的插件。

HTML5 規定了一種通過 video 元素來包含視頻的標準方法。

一段簡單的HTML5視頻實例：

 video src= movie.ogg controls= controls 您的瀏覽器不支持 video 標簽。 /video 

找不到視頻的時候網頁上就會顯示這段文字，

HTML5 video標簽的視頻格式：

當前，video 元素支持三種視頻格式：

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

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

WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件

現在說說HTML5 video標簽如何在web網頁上播放視頻的呢：

1.基礎用法：

 video src= hangge.mp4 controls /video 

2.通過width和height設置視頻窗口大小：

 video src= hangge.mp4 controls width= 400 height= 300 /video 

3.預加載媒體文件：

設置preload不同的屬性值，可以告訴瀏覽器應該怎樣加載一個媒體文件：

值為auto：讓瀏覽器自動下載整個文件

值為none：讓瀏覽器不必預先下載文件

值為metadata：讓瀏覽器先獲取視頻文件開頭的數據塊，從而足以確定一些基本信息（比如視頻的總時長，第一幀圖像等）

 !-- 用戶點擊播放才開始下載 -- video src= hangge.mp4 controls preload= none /video 

4.自動播放：

（1）使用autoplay屬性可以讓瀏覽器加載完視頻文件后立即播放。

 video src= hangge.mp4 controls autoplay /video 

（2）如果啟用自動播放，可以將播放器設置為muted狀態。這樣自動播放時會靜音，防止用戶厭煩。用戶需要的話可以點擊播放器揚聲器圖標重新打開聲音。

 video src= hangge.mp4 controls autoplay muted /video 

5.循環播放：

使用loop屬性讓視頻播放結束時，再從頭開始播放。

 video src= hangge.mp4 controls loop /video 

以上就是本篇關于HTML5 video視頻標簽的用法和解釋，有問題的可以在下方留言提問。

【小編推薦】

html select標簽怎么默認選中？select標簽的使用介紹

HTML5 meter標簽什么意思？meter標簽的用法詳解

以上就是html5播放視頻的標簽是什么？如何在web頁面播放視頻呢？（內附實例）的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。