通常瀏覽器透過安裝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 | ##YESNO | NO | YES | YES | |
##NO | YES | YES | NO | YES |
IE | Firefox | Opera | Chrome | Safari | |
---|---|---|---|---|---|
No | 3.5+ | 10.5+ | 5.0+ | No | |
9.0+ | #No | No | 5.0+ | 3.0+ | |
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>
【相關推薦】
1.
詳解html5的video標籤測試應用 html 5中使用video元素製作一個影片播放器分享一個video標籤無法播放mp4的問題以及解決方案#H5 video標籤只能放聲音不能放視訊的解決方法 IIS的MIME未註冊MP4類型,導致無法辨識vidoe標籤的解決方案##
以上是HTML5多媒體audio與video詳細介紹(一)的詳細內容。更多資訊請關注PHP中文網其他相關文章!