溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關HTML5多媒體audio和video的示例用法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
通常瀏覽器通過安裝flash來實現網頁音視頻的播放。
HTML5新增了audio和video元素來進行音視頻的播放，從而減少了對flash的依賴。
HTML5 規定了一種通過 audio 元素來包含音頻的標準方法。
目前audio元素支持以下三種音頻格式：
| 音頻格式 | IE9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
|---|---|---|---|---|---|
| Ogg Vorbis | NO | YES | YES | YES | NO |
| MP3 | YES | NO | NO | YES | YES |
| Wav | NO | YES | YES | NO | YES |
HTML5 規定了一種通過 video 元素來包含視頻的標準方法。
目前video元素支持以下三種視頻格式：
| 格式 | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
| MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
| WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
<!Doctype html> <html> <head> <title>HTML5多媒體</title> <meta charset="utf-8"/> </head> <body> <p> <audio id="myAudio" controls="controls"> <source src="resource/傳奇.mp3" type="audio/mpeg"> 您的瀏覽器不支持audio </audio> </p> <p> <video id="myVideo" controls="controls"> <source src="resource/手語.mp4" type="video/mp4"> 您的瀏覽器不支持video </video> </p> </body> </html>
上面是最簡單的播放音頻和視頻的示例代碼，當然mp3和mp4資源文件要自己找啦~
下面是我的示例代碼運行效果，音頻和視頻都播放起來了！ 
關于“HTML5多媒體audio和video的示例用法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
