<audio>
、<video>
兩個跟媒體相關的標籤<audio>
、<video>
<audio src="music.mp3" />
<video src="movie.mov" width=500 height=500 />
<audio>
<source src="music.mp3" type="audio/mpeg">
<source src="music_A.ogg" type="audio/ogg" codec="vorbis">
</audio>
<vedio width=500 height=500 controls preload>
<source src="movie.webm" type='vedio/webm; codecs:"vp8, vorbis"'>
</vedio>
在支援
<audio>
、<video>
的瀏覽器並不會render元素內容,但在不支援的瀏覽器下會render元素內容,所以可以在元素裡置入一些備案(如圖片或字串)
若想要知道是否支援載入格式可使用canPlayType()
的方法來確認
var _audio= new Audio();
if(_audio.canPlayType('audio/mp3')){
_audio.src="music.mp3";
_audio.play();
}