H5 的 video

      上个星期，项目需求是在公司服务器上放些视屏，经过二维码或连接分享出去，让客户访问。原本是一个很简单的东西，我首先想到的是H5的video 标签。这个标签已经被大多数主流浏览器支持(PC端的Chrome，安卓端浏览器，微信浏览器，QQ浏览器(自带播放器)，以及IOS的safari都支持h5的video标签)，并且使用简单。

      在写好了页面之后，我拿了项目中的一个格式为mp4的视屏开始测试，发如今浏览器和安卓手机上是能够播放的，只是不能快进，但在苹果手机上没有反应。因而我把视屏用格式工厂转为h264/aac,发现仍是不能播放。网上说是ios对视屏的限制，<audio>``<video>必须由用户动做触发，不能自动播放。因而绑定监听事件，当客户触发了点击时在播放，发如今苹果手机上仍是毫无反应，又去引用网上的插件video.js 仍是不行。在一次又一次尝试中，我让公司后台在须要服务器配置一些东西,发现终于能播放了 。当时真是激动的想哭。好吧，废话到这里，下次直接上代码 。