1疼蛾, video標簽
定義:告訴瀏覽器,要播放的內(nèi)容是一個視頻艺配。
<video src=" ?">
</video>
屬性:
src:告訴video標簽需要播放的視頻地址察郁;
autoplay:用來告訴video標簽視頻是否需要自動播放;
controls:用來告訴video標簽是否顯示控制條转唉;
poster:用玉告訴video標簽視頻沒有播放之前顯示的展位圖片皮钠;
loop(循環(huán)):用于做視頻廣告,用于告訴video標簽視頻播放完畢是否需要循環(huán)播放赠法;
preload:預加載視頻(緩存)麦轰,與autoplay相沖,設置了autoplay屬性,preload屬性就會失效款侵;
muted:靜音模式末荐;
width/height:設置播放視頻的寬度與高度,與img標簽的寬高屬性一樣喳坠。
2鞠评,視頻標簽的第二種格式
為何存在第二種格式?
由于視頻數(shù)據(jù)非常非常的重要,所以五大瀏覽器廠商都不愿意支持別人的視頻格式,所以導致了沒
有一種視頻格式是所有瀏覽器都支持的壕鹉。W3C為了解決這個問題,所以推出了第二個video標簽的
格式剃幌,video標簽的第二種格式存在的意義就是為了解決瀏覽器適配問題video元素支持三種視頻
格式,我們可以把這三種格式都通過source標簽指定給video標簽,那么以后當瀏覽器播放視頻時它
就會從這三種中選擇一種自己支持的格式來播放。
格式:
<video>
<source src=" " type=" "></source>
<source src=" " type=" "></source>
</video>
例如:
注意:
1)當前通過video標簽的第二種格式雖然能夠指定所有瀏覽器都支持的視頻格式,但是想讓所有瀏覽
器都通過video標簽播放視頻還有一個前提條件,就是瀏覽器必須支持HTML5標簽,否則同樣無法播放晾浴。
2)在過去的一些瀏覽器是不支持HTML5標簽的,所以為了讓過去的一些瀏覽器也能夠通過video標簽
來播放視頻,那么我們以后可以通過一個JS的框架叫做html5media來實現(xiàn)负乡。
3,音頻標簽
定義:audio標簽是用來播放音頻的脊凰。
格式:
1)<audio src=" ">
</audio>
2)<audio>
<source ?src=" " type=" ">
</audio>
注意:
audio標簽的使用和video標簽的使用基本一樣, video中能夠使用的屬性在audio標簽中大部分都能夠
使用, 并且功能都一樣只不過有3個屬性不能用, height/width/poste抖棘。