h5視頻標籤 video

　　video標籤，用來播放視頻的

　　基本上全部的瀏覽器都支持

　　video支持的視頻格式有：

　　　　mp4　　　　　　mime-type: video/mp4

　　　　WebM　　　　　mime-type: video/WebM

　　　　Ogg　　　　　　mime-type:video/Ogg

 

　　video 播放視頻的兩種寫法

　　　　第一種：

　　　　　　<video src="01.mp4">　　</video>

　　　　第二種：

　　　　　　<video>

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

　　　　　　　　<source src="01.WebM" type="video/WebM">

　　　　　　</video>

　　　　這兩種寫法的區別？

　　　　　　當你知道，你的視頻格式的時候，能夠用第一種；

　　　　　　當你不知道，你的視頻格式的時候，建議使用第二種；

　　video的屬性：

　　　　autoplay　　     自動播放　　屬性值 ：autoplay

　　　　controls　　      顯示控件　　 屬性值：controls

　　　　loop　　　　     循環播放　　屬性值：loop

　　　　muted　　　　  靜音　　　屬性值：muted

　　　　poster　　　　  視頻下載時的圖片　　　　屬性值：圖片路徑

　　　　preload　　　　視頻在頁面加載的時候進行加載，並預備播放（與autoplay衝突，autoplay是加載完直接播放）　　屬性值：preload

　　　　src　　　　　　播放視頻的url　　　　屬性值：視頻的url

　　　　width　　　　　video的寬

　　　　height　　　　  video的高