如何在所有主流瀏覽器中啟用 video 和 audio 標(biāo)記

要使HTML5視頻和音頻標(biāo)簽適用于所有主流瀏覽器，只需在文檔的 head 中的某處添加以下代碼行即可。

 script src= //api.html5media.info/1.2.2/html5media.min.js /script 

如何嵌入視頻

您可以使用以下代碼將視頻嵌入到您的頁面中。

 video src= video.mp4 width= 320 height= 200 controls preload /video 

如何嵌入音頻

您可以使用以下代碼將音頻嵌入到頁面中。

 audio src= audio.mp3 controls preload /audio 

視頻格式:
格式 MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

HTML5 中的新屬性：
屬性 值 描述
autoplay autoplay 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。
controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。
height pixels 設(shè)置視頻播放器的高度。
loop loop 如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開始播放。
muted muted 規(guī)定視頻的音頻輸出應(yīng)該被靜音。
poster URL 規(guī)定視頻下載時(shí)顯示的圖像，或者在用戶點(diǎn)擊播放按鈕前顯示的圖像（ poster = “ poster.jpg ”）。
preload preload 如果出現(xiàn)該屬性，則視頻在頁面加載時(shí)進(jìn)行加載，并預(yù)備播放（預(yù)加載）。
如果使用 “autoplay”，則忽略該屬性。
src url 要播放的視頻的 URL。
width pixels 設(shè)置視頻播放器的寬度。

HTML 音頻/視頻 方法:
方法 描述
addTextTrack() 向音頻/視頻添加新的文本軌道。
canPlayType() 檢測(cè)瀏覽器是否能播放指定的音頻/視頻類型。
load() 重新加載音頻/視頻元素。
play() 開始播放音頻/視頻。
pause() 暫停當(dāng)前播放的音頻/視頻。

可以通過 addEventListener 監(jiān)聽視頻的ended事件，監(jiān)聽結(jié)束時(shí)間，進(jìn)行結(jié)束，跳轉(zhuǎn)的操作等

相關(guān)文章推薦：

HTML5的option屬性：如何使用option屬性實(shí)現(xiàn)級(jí)聯(lián)下拉列表

html5頁面結(jié)構(gòu)的變化以及增加和刪除標(biāo)簽的總結(jié)

以上就是html5的video（視頻）和audio（音頻）標(biāo)簽中的屬性用法的詳細(xì)內(nèi)容，其它編程語言

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。