重慶分公司,新征程啟航
為企業(yè)提供網站建設、域名注冊、服務器等服務
為企業(yè)提供網站建設、域名注冊、服務器等服務
這篇文章將為大家詳細講解有關html5中video和audio標簽的屬性如何使用,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯是一家集網站建設,豐順企業(yè)網站建設,豐順品牌網站建設,網站定制,豐順網站建設報價,網絡營銷,網絡優(yōu)化,豐順網站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。
如何在所有主流瀏覽器中啟用
要使HTML5視頻和音頻標簽適用于所有主流瀏覽器,只需在文檔的
中的某處添加以下代碼行即可。如何嵌入視頻
您可以使用以下代碼將視頻嵌入到您的頁面中。
如何嵌入音頻
您可以使用以下代碼將音頻嵌入到頁面中。
視頻格式:
格式 MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg
HTML5 中的新屬性:
屬性 值 描述
autoplay autoplay 如果出現該屬性,則視頻在就緒后馬上播放。
controls controls 如果出現該屬性,則向用戶顯示控件,比如播放按鈕。
height pixels 設置視頻播放器的高度。
loop loop 如果出現該屬性,則當媒介文件完成播放后再次開始播放。
muted muted 規(guī)定視頻的音頻輸出應該被靜音。
poster URL 規(guī)定視頻下載時顯示的圖像,或者在用戶點擊播放按鈕前顯示的圖像( poster = “ poster.jpg ”)。
preload preload 如果出現該屬性,則視頻在頁面加載時進行加載,并預備播放(預加載)。
如果使用 “autoplay”,則忽略該屬性。
src url 要播放的視頻的 URL。
width pixels 設置視頻播放器的寬度。
HTML 音頻/視頻 方法:
方法 描述
addTextTrack() 向音頻/視頻添加新的文本軌道。
canPlayType() 檢測瀏覽器是否能播放指定的音頻/視頻類型。
load() 重新加載音頻/視頻元素。
play() 開始播放音頻/視頻。
pause() 暫停當前播放的音頻/視頻。
可以通過 addEventListener 監(jiān)聽視頻的ended事件,監(jiān)聽結束時間,進行結束,跳轉的操作等
關于html5中video和audio標簽的屬性如何使用就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。