音频、视频标签及属性（介绍）

音频

语法：  <audio src=""></audio>
​
格式：
    mp3
    ogg
    wav
​
    src=""：音频的路径
    行内块标签
    可以设置宽高
    水平布局，一行显示
    controls播放插件：浏览器为音频提供插件
    loop：循环播放
    muted:静音
​
​
​
  <!-- 循环播放 -->
  <audio src="" loop controls></audio>
  <!-- 静音属性 -->
  <audio src="" controls muted></audio>
​ 音频文件可以为线上链接
  <audio src="https://bd.kuwo.cn/play_detail/7185704?from=baidu" controls></audio>

视频

  语法：<video src=""></video>
​
格式：mp4  ogg  webm
    src:视频文件的路径
    controls:浏览器为视频提供播放插件
    loop属性：循环播放
    width、height属性:写在视频开始标签，px单位可以省略
    autoplay：自动播放属性 必须在静音的时候能用
    poster:预览图片，封面 ，里面写图片的路径 poster="./image/1.jpg"
   行内块标签
   水平布局
​
​
  <!-- 视频封面 -->
例：
  <video src="./file/guo.mp4" controls poster="./image/1.jpg"></video>
​
  <video src="./file/PPAP.webm" controls></video>
​
  <!-- 自动播放属性 必须在静音的时候能用-->
  <video src="./file/1.mp4" controls autoplay muted></video>
​
  <!-- 循环播放 -->
  <video src="./file/mie.ogg" controls loop></video>
​
  <video src="./file/694f9be070482772a556dba6f59d3.mp4" controls width="200px" height="300"></video>
​
  <!-- 在线视频链接-->
  <video
    src="https://vd2.bdstatic.com/mda-mjvzirggcr2a3c17/sc/cae_h264/1635637675078235418/mda-mjvzirggcr2a3c17.mp4?v_from_s=hkapp-haokan-hbe&auth_key=1637133051-0-0-593bc07d93a97bc192aa780d14e008e7&bcevod_channel=searchbox_feed&pd=1&pt=3&abtest=30186_1&klogid=24510"
    controls></video>