HTML5音頻和視頻

音頻,audio標籤能夠添加音頻,source標籤能夠添加不一樣的媒體格式,audio的屬性有瀏覽器

  autoplay="autoplay",音頻就緒立刻播放ide

  controls="controls",顯示播放控件oop

  loop="loop",結束自動重播spa

  muted="muted",靜音code

  src=" ",音頻的地址  視頻

    <audio src="audio/薛之謙-渡.mp3" controls="controls" autoplay="autoplay" loop="loop"  >瀏覽器不支持</audio>

   標籤中間的內容爲瀏覽器不支持時顯示的內容。blog

 

視頻,video標籤能夠添加視頻,source標籤能夠添加不一樣的媒體格式,video的屬性基本與audio相同io

    <video controls="controls" loop muted="muted" autoplay  width="300">
        <source src="vidio/bkvidio.mp4"></video>
        <source src="vidio/bkvidio.rmvb"></video>
    </video>

 

  效果class

  去掉控件 controls 放大到全屏,能夠作網頁背景音頻

相關文章
相關標籤/搜索