在HTML5的新特性中增加了對原生視頻文件的支持,可以在播放視頻時(shí)無需Flash插件。
頁面中嵌入視頻
<video src="./static/video/BIGBANG MADE.mp4" width="300" height="200" controls>
Your browser does not support the <video> element.
</video>
對于有些瀏覽器來說,不支持有些格式的視頻文件,我們可以通過如下的方式定義多種視頻格式,瀏覽器在播放時(shí)會選擇第一個(gè)支認(rèn)可的格式進(jìn)行播放。
<video width="300" height="200" controls autoplay>
<source src="/html5/foo.ogg" type="video/ogg" />
<source src="/html5/foo.mp4" type="video/mp4" />
Your browser does not support the <video> element.
</video>
video標(biāo)簽可以通過一些屬性控制外觀和感覺以及各種控制功能:
height 這個(gè)屬性以CSS像素的形式指定視頻顯示區(qū)域的高度。
width 這個(gè)屬性以CSS像素的形式指定視頻顯示區(qū)域的寬度。
src 需要嵌入的視頻的URL??蛇x參數(shù),可以在video塊中定義<source>元素定義需要嵌入的視頻路徑。
controls 指定是否顯示播放控件,包括暫停、音量控制、快進(jìn)和恢復(fù)播放。
loop 布爾值屬性,true表示視頻允許播放結(jié)束后自動(dòng)回放。
preload 視頻在載入頁面時(shí)加載并準(zhǔn)備就緒。如果指定自動(dòng)播放就會自動(dòng)忽略。
autoplay 布爾值屬性,true表示只要沒有停止加載數(shù)據(jù),視頻就會立刻開始自動(dòng)播放。
autobuffer 布爾值屬性,true表示即使沒有設(shè)置自動(dòng)播放,視頻也會自動(dòng)開始緩沖。
poster 這是一個(gè)圖像 URL,顯示到用戶播放或快進(jìn)。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。