H5 的 video

Posted yufeiyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5 的 video相关的知识,希望对你有一定的参考价值。

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

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

 

以上是关于H5 的 video的主要内容,如果未能解决你的问题,请参考以下文章

关于 H5 video 代码

H5 video标签手机打开无法播放

h5 video隐藏下载按钮

解决h5的video标签,androidipad客户端播放正常,iphone客户端无法播放

微信中H5同层Video播放器接入教程

h5调用摄像头