H5的新特性（二）新增多媒体标签

多媒体标签有以下两个：
视频：
音频：

一：视频：

常见的视频格式： .avi .mp4 .flv .ogg .3gp

视频标签常见属性

⚠️⚠️⚠️***注意：***

1. 使用 autoplay 属性时，添加静音属性，视频允许自动播放。（chrome66版本之后以及火狐浏览器默认禁止了视频和音频的自动播放功能）

2. preload=“auto” 预先加载视频，和 autoplay 会有冲突。

3. 利用 source 标签引入多个视频格式，执行的规则是：第一个视频播不了就播第二个，以此类推。

 <video src="https://overwatch.nosdn.127.net/1/assets/img/pages/home/anniversary/header.mp4" controls autoplay muted>video>
 
 <video controls>
        <source src="./media/蜡笔小新.mp4">
        <source src="./media/video.mp4">
        <source src="./media/large.mp4">
        <a href="http://browser.360.cn/">您的浏览器太垃圾了，请下载高速无毒双核浏览器a>
 video>

5. 像腾讯视频爱奇艺视频等流媒体，目的是防止盗链现象。

二：音频：

常见音频格式：.mp3

音频标签语法格式

  <audio src="文件地址" controls="controls">audio>

  <audio controls="controls"  >
	<source src="happy.mp3">
	<source src="happy.ogg" type="audio/ogg" >
	您的浏览器暂不支持audio标签。
  audio>

音频标签常见属性

⚠️⚠️⚠️***注意：***

1. 即使添加静音属性 muted，autoplay 也不会自动播放。（chrome66版本之后以及火狐浏览器默认禁止了视频和音频的自动播放功能）