video src= http://www.lorem.com/video/lorem.mp4 controls= controls width= 500 height= 300 /video
video 標(biāo)簽所支持的視頻格式和編碼:
MP4 = MPEG 4文件使用 H264 視頻編解碼器和AAC音頻編解碼器
WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器
Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器
通過上面的信息我們會發(fā)現(xiàn)只有h264編碼的MP4視頻(MPEG-LA公司)、VP8編碼的webm格式的視頻(Google公司)和Theora編碼的ogg格式的視頻(iTouch開發(fā))可以支持html5的 video 標(biāo)簽。
如果瀏覽器不支持video標(biāo)簽怎么辦?
比如IE瀏覽器還有老版本的瀏覽器對html5的支持不太好,當(dāng)用戶用這些瀏覽器打開我們帶有視頻的網(wǎng)頁怎么辦呢?
我們可以把代碼這樣寫:
video src= http://sp.ntaotu.com/localhost-wordpress-phpstudy.mp4 controls= controls width= 500 height= 300 您的瀏覽器不支持播放該視頻! /video
這樣在不支持html5的瀏覽器中就會提示“您的瀏覽器不支持播放該視頻!”啦!
關(guān)于video標(biāo)簽的擴(kuò)展參數(shù)說明:
video 元素允許多個(gè) source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個(gè)可識別的格式,這樣我們只要多準(zhǔn)備幾個(gè)不同格式的視頻就可以了。
用法:
video width= 500 height= 250 controls= controls source src= movie.ogg type= video/ogg source src= movie.mp4 type= video/mp4 您的瀏覽器不支持此種視頻格式。 /video
autoplay :出現(xiàn)該屬性意味著視頻在就緒后將自動(dòng)播放,用法:autoplay= autoplay
controls :出現(xiàn)該屬性意味著向用戶顯示控件,如播放按鈕等,用法:controls= controls
height:設(shè)置高度
width:設(shè)置寬度
loop:自動(dòng)重播,用法:loop= loop
preload:視頻在頁面加載時(shí)進(jìn)行加載并預(yù)備播放,用法:preload= auto - 當(dāng)頁面加載后載入整個(gè)視頻;preload= meta - 當(dāng)頁面加載后只載入元數(shù)據(jù);preload= none - 當(dāng)頁面加載后不載入視頻。注意:若使用了autoplay,則忽略preload
src:要播放視頻的url
關(guān)于 video 標(biāo)簽我就介紹到這里,相信大家都對這個(gè)標(biāo)簽有了深刻的了解!
以上就是html5中video標(biāo)簽的詳細(xì)介紹的詳細(xì)內(nèi)容,其它編程語言
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選