在HTML5中新增了<audio>,<video>兩個標簽來插入音頻和視頻。
示例代碼:
<audiosrc="audio.wav"></audio>
<videosrc="video.wmv"></video>
還可以通過一些參數來對媒體文件進行高級控制:
以<video>為例:
<videosrc="demo.mp4"controlsautoloop></video>
controls,如果為標簽添加controls屬性,播放器就會向用戶顯示控制控件。對于音頻文件來說,如果沒有controls屬性,用戶將無法在頁面上看到音頻控件。
autoplay顧名思義,就是自動播放,添加上這個屬性后,一旦音頻/視頻準備就緒,就會開始自動播放。
loop,用來控制是否循環播放。其實看教程會容易明白,你可以看下《BuidNewWorld》里面第七集叫:HTML5AudioVideo標簽和更多特性