HTML5 多媒體之<video>標籤使用

一、HTML5 多媒體之<video>標籤使用

<video> 標籤定義視訊，比如電影片段或其他視訊流。

 <video src="../../img/video/1.mp4" controls></video>

註釋：Internet Explorer 8 以及更早的版本不支援 <video> 標籤。

提示：可以在開始標籤和結束標籤之間放置文字內容，這樣老的瀏覽器就可以顯示出不支援該標籤的資訊。

屬性

屬性	值	描述
autoplay	autoplay	如果出現該屬性，則視訊在就緒後馬上播放。新版本谷歌、火狐瀏覽器拒接自動播放
controls	controls	如果出現該屬性，則向用戶顯示控制元件，比如播放按鈕。
height	pixels	設定視訊播放器的高度。
loop	loop	如果出現該屬性，則當媒介檔案完成播放後再次開始播放。
muted	muted	規定視訊的音訊輸出應該被靜音。
poster	URL	規定視訊下載時顯示的影象，或者在使用者點選播放按鈕前顯示的影象。
preload	preload	如果出現該屬性，則視訊在頁面載入時進行載入，並預備播放。如果使用 "autoplay"，則忽略該屬性。
src	url	要播放的視訊的 URL。
width	pixels	設定視訊播放器的寬度。

谷歌瀏覽器：

火狐瀏覽器：

Edge瀏覽器：

二、視訊格式與瀏覽器的支援

當前， <video> 元素支援三種視訊格式： MP4, WebM, 和 Ogg: