[toc]

📹多媒体元素

📺video 视频

  1.     <!-- 
  2.         src 资源地址
  3.         以下所有属性的布尔属性 只要添加便是true 默认为false
  4.         controls 布尔属性 显示视频控件 不需要填写属性值，如果要填写属性值，则属性值只能为"controls"
  5.         autoplay 布尔属性 是否自动播放 chrome中需要和muted配合使用
  6.         myted 布尔属性 是否静音播放
  7.         loop 布尔属性 是否循环播放
  8.      -->
  9.     <video src="./static/肖申克的救赎.mp4" controls autoplay muted loop></video>

🎹audio 音频

  1.     <!-- 
  2.         src 资源地址
  3.         以下所有属性的布尔属性 只要添加便是true 默认为false
  4.         controls 布尔属性 显示视频控件 不需要填写属性值，如果要填写属性值，则属性值只能为"controls"
  5.         autoplay 布尔属性 是否自动播放 chrome中需要和muted配合使用 音频在chrome并不支持自动播放
  6.         myted 布尔属性 是否静音播放
  7.         loop 布尔属性 是否循环播放
  8.      -->
  9.     <audio src="./static/如果说.mp3" controls autoplay muted loop></audio>

🖥兼容性

  1. 旧版本浏览器不支持
  2. 不同浏览器支持的音频格式可能不一致

mp4 webm 等等

  1. <video src="./static/肖申克的救赎.mp4" controls autoplay muted loop></video>
  2.     <video src="">
  3.         <source src="./static/肖申克的救赎.mp4">
  4.         <source src="./static/肖申克的救赎.webm">
  5.         <p>
  6.             对不起，你的浏览器不支持video元素，点击这里下载新版本浏览器
  7.         </p>
  8. </video>

audio与video完全相同