H5 的 video

浪子不回头ぞ 提交于 2019-11-28 22:19:13

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

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

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!