html5播放視頻的標籤是什嗎？如何在web頁面播放視頻呢？（內附執行個體）

本篇文章主要的介紹了關於HTML中的視頻標籤html5 video標籤的用法和介紹等，還有一些視頻格式，在web中可使用視訊播放的，接下來讓我們一起來看看這篇文章吧

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

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視頻標籤的用法和解釋，有問題的可以在下方留言提問。