HTML5音频和视频

音频,audio标签可以添加音频,source标签可以添加不同的媒体格式,audio的属性有

  autoplay="autoplay",音频就绪马上播放

  controls="controls",显示播放控件

  loop="loop",结束自动重播

  muted="muted",静音

  src=" ",音频的地址  

    <audio src="audio/薛之谦-渡.mp3" controls="controls" autoplay="autoplay" loop="loop"  >浏览器不支持</audio>

   标签中间的内容为浏览器不支持时显示的内容。

视频,video标签可以添加视频,source标签可以添加不同的媒体格式,video的属性基本与audio相同

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

  效果

  去掉控件 controls 放大到全屏,可以做网页背景

原文地址:https://www.cnblogs.com/zxbs12345/p/7993652.html