- Web編程基礎:HTML5、CSS3、JavaScript(第2版)
- 任平紅 陳矗編著
- 797字
- 2019-07-01 10:09:12
4.2 視頻
4.2.1 視頻格式
視頻格式是視頻播放軟件為了能夠播放視頻文件而賦予視頻文件的一種識別符號。常見的視頻格式主要包括AVI、WMV、MPEG、QuickTime等。
1.AVI
AVI(Audio Video Interleave)視頻的擴展名為.avi,由微軟公司開發,所有運行Windows操作系統的計算機都支持AVI格式,但非Windows操作系統的計算機對AVI格式的支持并不理想。
2.WMV
WMV(Windows Media Video)視頻擴展名為.wmv,即Windows Media格式,是由微軟公司開發的,在互聯網上很常見,但是需要安裝免費的額外組件才能正常播放。
3.MPEG
MPEG(Moving Pictures Expert Group)視頻擴展名為.mpg或者.mpeg,是互聯網上最流行的視頻格式,跨平臺,得到了所有流行的瀏覽器的支持。
4.QuickTime
QuickTime視頻擴展名為.mov,是由蘋果公司開發的,是互聯網上常見的視頻格式,但是QuickTime視頻不能在沒有安裝組件的Windows操作系統的計算機上播放。
5.RealVideo
RealVideo視頻的擴展名為.rm或.ram,是由Real Media針對互聯網開發的,該格式的視頻是低帶寬優先的,因此常會降低視頻質量。
6.Flash
Flash(Shockwave)視頻的擴展名為.swf或者.flv,是由Macromedia開發的,Shockwave格式需要額外的插件才能播放。
7.Mpeg-4
Mpeg-4 (with H.264 video compression)視頻的擴展名為.mp4,是一種針對互聯網的新格式。事實上,YouTube推薦使用MP4。YouTube接收多種格式,然后全部轉換為.flv或.mp4以供分發。越來越多的視頻發布者轉到MP4,將其作為Flash播放器和HTML5的Internet共享格式。
4.2.2 video元素
HTML5中提供了video元素向網頁中添加視頻,可以支持MP4、WebM、Ogg 3種格式的視頻。video元素插入單個資源視頻的使用方法如下:

<video>與</video>之間的內容是供不支持video元素的瀏覽器顯示的。
video元素允許插入多個資源視頻,瀏覽器將使用第一個可以識別的格式,使用方法如下:

video元素的屬性與audio元素類似,主要屬性包括:
● autoplay——視頻就緒后馬上播放。
● controls——向用戶顯示播放控制按鈕。
● height——視頻播放器高度。
● loop——循環播放。
● muted——靜音。
● poster——規定視頻正在下載時顯示圖像,直到單擊播放按鈕。
● preload——視頻在頁面加載時進行加載,并預備播放。
● src——視頻的URL。
● width——視頻播放器的寬度。
video元素的使用可參考video.html。
video.html:

在瀏覽器中打開video.html,可以播放視頻。