如何在所有主流瀏覽器中啟用 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)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選