HTML5之<video></video>標(biāo)簽

在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ù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 今天為大家分享一下html5中的視頻(video)與音頻(audio)。在進(jìn)入主題之前我們先了解一下Flash與h...
    秋楓惋紅閱讀 387評論 0 0
  • 視頻 視頻實(shí)質(zhì):純粹的視頻(不包括音頻)實(shí)質(zhì)上就是一組幀圖片,經(jīng)過視頻編碼成為視頻(video)文件再把音頻(au...
    勇敢的_心_閱讀 3,196評論 1 30
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,872評論 25 709
  • 概述 先Copy一個(gè)概念:JVM是基于堆棧的虛擬機(jī)。JVM為每個(gè)新創(chuàng)建的線程都分配一個(gè)堆棧.也就是說,對于一個(gè)Ja...
    dylanhuang88閱讀 2,388評論 0 53
  • 雨漸鄉(xiāng)間小路邊, 花開野田細(xì)霧中, 我的思念在雨菲中惆悵, 你的音書至雨夜里滌蕩 。
    陌生寫手閱讀 202評論 0 1

友情鏈接更多精彩內(nèi)容