html5如何实现自动播放视频

HTML5是下一代的HTML，提供了展示视频的标准，规定了一种通过video元素来包含视频的标准方法。

Video有以下的属性。

autoplay  autoplay  如果出现该属性，则视频在就绪后马上播放。

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

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

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

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

如果使用"autoplay"，则忽略该属性。

src       url  要播放的视频的URL。

width     pixels  设置视频播放器的宽度。

一、ios上无法自动播放（autoplay 是失效的）原因：

移动端为了避免浪费用户的流量，默认video是不能够自动播放的，即使加了autoplay属性，也只能实现在PC端自动播放，在移动端依旧不能自动播放。

二、网上探索解决办法：

方法1、网上好多帖子的解决办法是监听微信的WeixinJSBridgeReady

但是我用了后还是没就解决，还是没有自己播放。此方法行不通。

2、利用微信js解决。

首先需要引入

然后

最后，try it ! 竟然成功了，进入页面视频自动播放了，哦耶！此方法可行！

方法二：

引入微信jssdk，<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

此方法也可行！

---