html5的video标签踩得深坑，一个可以让我跳进去洗澡的深坑

最近公司有个需求，就是让在h5页面上进行视频播放，还可以进行视频轮播的形式。听到之后心里就有点发慌，问下公司大佬，之前公司有没有类似的项目 让我来个比葫芦画瓢也行。收到的回复没有，
那好吧，只好先尝试下原生的video标签写着试试看，各种效果在pc上展示虽然不太好看但还是差强人意吧。接下来就是各种狂轰乱炸，什么华为，小米，苹果，qq浏览器，自带的浏览器，百度浏览器。简直了五花八门的效果。不是这个样式属性不成立就是那个方法不成立。
举个例子 :autoplay 在pc上可以或者说在 ios可以在 安卓上不可以 人家不支持
再其次就是样式了，样式真的真的很不好看，有的css3上的样式支持的不是太好。
也是翻了很多大神的博客 各种没见过的 属性 很长很长 虽然也解决了点问题但一直不是感觉很好。

终于终于 还是对插件下手了 放弃了原生，毕竟知道自己水平是多么低。

有大神已经写好的兼容性插件为啥不用呢
这里推荐一下 西瓜视频的插件 下面的是官网
http://h5player.bytedance.com/gettingStarted/#%E5%AE%89%E8%A3%85
只用提供一个 元素占位 其他的兼容性问题 插件库帮我们解决

不过还有一个问题 就是 在安卓机上 用户的需求是 已进入页面 视频就自动播放
在pc端你可以使用 autoplay 在安卓机子上面就不行了

人家不支持 也不算不支持吧 就是 不能直接进入页面就播放视频 算是对用户不友好吧
必须得和用户交互一次才可以
这个交互 我们可以通过 alert 弹出框进行一次交互
但是弹出的东西 又不能让用户看见是吧 很不好 我们可以对alert方法 进行 改写

window.alert=function(){
	console.log(1);
}
alert(1);
然后视频再自动 播放就可以了  可以试试看 

这个video标签 确实很让人 头疼