在中新建一個(gè)項(xiàng)目,然后把視頻素材給保存到其中某個(gè)文件夾。注意,雖然html5支持插入視頻,不過對(duì)視頻格式有要求,
然后新建一個(gè)HTML5文件,因?yàn)椴迦胍曨l用到video標(biāo)簽,而video標(biāo)簽是HTML5新增的標(biāo)簽。
接著就是使用video標(biāo)簽了,添加一對(duì)video標(biāo)簽。
然后在video標(biāo)簽里面使用標(biāo)簽來鏈接到之前的視頻文件
之后,保存網(wǎng)頁,預(yù)覽會(huì)看到視頻沒有自動(dòng)播放,接著繼續(xù)來完善一下代碼
給video標(biāo)簽添加屬性,這樣就可以設(shè)置視頻自動(dòng)播放了。
再次保存網(wǎng)頁,當(dāng)頁面加載完成之后,視頻就會(huì)自動(dòng)播放了。
向HTML中插入視頻有兩種方法,一種是古老的標(biāo)簽,一種是html5中的video標(biāo)簽,前者兼容性相對(duì)好些,后者兼容性讓人頭疼。
最常用的向HTML中插入視頻的方法有兩種,一種是古老的標(biāo)簽,一種是html5中的
標(biāo)簽。
前者的兼容性沒得說,但是使用起來不太方便,后者使用起來很方便,但是兼容性讓人頭疼。
雖然后者兼容性存在很多問題,但是因?yàn)槭褂煤芊奖悖衔磥砭W(wǎng)頁設(shè)計(jì)發(fā)展的趨勢(shì)網(wǎng)頁中添加視頻代碼,因此我們以后者為主要的插入視頻的方法,因?yàn)樗嫒菪缘膯栴}網(wǎng)頁中添加視頻代碼,前者作為輔助。
示例如下:
代碼如下:
your does not the video tag
當(dāng)前,video 元素支持三種視頻格式:
格式 IE Opera
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 視頻編碼和 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 音頻編碼的 WebM 文件
關(guān)鍵詞: