溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關html5中video和audio標簽的屬性如何使用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
如何在所有主流瀏覽器中啟用<video>和<audio>標記
要使HTML5視頻和音頻標簽適用于所有主流瀏覽器，只需在文檔的<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 如果出現該屬性，則視頻在就緒后馬上播放。
controls controls 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
height pixels 設置視頻播放器的高度。
loop loop 如果出現該屬性，則當媒介文件完成播放后再次開始播放。
muted muted 規定視頻的音頻輸出應該被靜音。
poster URL 規定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像（ poster = “ poster.jpg ”）。
preload preload 如果出現該屬性，則視頻在頁面加載時進行加載，并預備播放（預加載）。
如果使用 “autoplay”，則忽略該屬性。
src url 要播放的視頻的 URL。
width pixels 設置視頻播放器的寬度。
HTML 音頻/視頻 方法:
方法 描述
addTextTrack() 向音頻/視頻添加新的文本軌道。
canPlayType() 檢測瀏覽器是否能播放指定的音頻/視頻類型。
load() 重新加載音頻/視頻元素。
play() 開始播放音頻/視頻。
pause() 暫停當前播放的音頻/視頻。
可以通過 addEventListener 監聽視頻的ended事件，監聽結束時間，進行結束，跳轉的操作等
關于html5中video和audio標簽的屬性如何使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
