H5页面中的视频和音频自动播放

HTML5 是下一代的 HTML， 提供了展示视频的标准，规定了一种通过 video 元素来包含视频的标准方法。纯H5页面在手机端中是无法实现自动播放，移动端浏览器大部分是禁用video和audio的autoplay功能并且，很多移动浏览器也不支持首次js调用play方法进行播放（只有用户手动点播放后暂停，然后用代码进行play可以）。

为什么要这样做，这主要是为了防止不必要的自动播放浪费流量，这是没毛病的。但是有些需求需要自动播放视频，我们可以特殊处理下处理。

视频：

<video autoplay="autoplay">
  <source src="视频路径" />
</video>

音频：

<audio autoplay="autoplay">
  <source src="视频路径" />
</audio>

除此属性外还有如下属性：

controls：如果出现该属性，则向用户显示控件，比如播放按钮。

height：设置视频播放器的高度。

loop：如果出现该属性，则当媒介文件完成播放后再次开始播放。

URL：要播放的视频的 URL。

preload：如果出现该属性，则视频在页面加载时进行加载，并预备播放。不与autoplay同用。