video標(biāo)簽的屬性
src: 用于告訴video標(biāo)簽需要播放的視頻地址
autoplay: 用于告訴video標(biāo)簽是否需要自動(dòng)播放視頻
controls: 用于告訴video標(biāo)簽是否需要顯示控制條
poster: 用于告訴video標(biāo)簽視頻沒有播放之前顯示的占位圖片
loop: 一般用于做廣告視頻, 用于告訴video標(biāo)簽視頻播放完畢之后是否需要循環(huán)播放
preload: 預(yù)加載視頻, 但是需要注意preload和autoplay相沖, 如果設(shè)置了autoplay屬性, 那么preload屬性就會(huì)失效
muted:靜音
width/height: 和img標(biāo)簽中的一模一樣
自己需要注意的是
在電腦中src即使找到了該文件也只是用11213才能打開,除非是在你設(shè)置格式之后才能直接以圖片格式打開 如下
1.格式:
<video>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
2.第二種格式存在的意義:
由于視頻數(shù)據(jù)非常非常的重要, 所以五大瀏覽器廠商都不愿意支持別人的視頻格式, 所以導(dǎo)致了沒有一種視頻格式是所有瀏覽器都支持的
這個(gè)時(shí)候W3C為了解決這個(gè)問題, 所以推出了第二個(gè)video標(biāo)簽的格式
video標(biāo)簽的第二種格式存在的意義就是為了解決瀏覽器適配問題
video 元素支持三種視頻格式, 我們可以把這三種格式都通過source標(biāo)簽指定給video標(biāo)簽, 那么以后當(dāng)瀏覽器播放視頻時(shí)它就會(huì)從這三種中選擇一種自己支持的格式來播放
3.注意點(diǎn):
3.1當(dāng)前通過video標(biāo)簽的第二種格式雖然能夠指定所有瀏覽器都支持的視頻格式, 但是想讓所有瀏覽器都通過video標(biāo)簽播放視頻還有一個(gè)前提條件, 就是瀏覽器必須支持HTML5標(biāo)簽, 否則同樣無法播放
3.2在過去的一些瀏覽器是不支持HTML5標(biāo)簽的, 所以為了讓過去的一些瀏覽器也能夠通過video標(biāo)簽來播放視頻, 那么我們以后可以通過一個(gè)JS的框架叫做html5media來實(shí)現(xiàn)
-->