H5 的 video

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

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

原文地址：https://www.cnblogs.com/yufeiyu/p/9384634.html