上个星期,项目需求是在公司服务器上放些视屏,通过二维码或链接分享出去,让客户访问。本来是一个很简单的东西,我首先想到的是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