最近公司做一个视频活动的HTML5页面页面并不复杂,但是要求视频播放的时候不全屏在网上看到好论坛类似的基本问题,以前有申请白名单的在白名单的视频链接或者騰讯旗下的视频链接是原生播放,否则安卓会被劫持成腾讯家的播放器播放并且默认全屏目前通过白名单的方法是解决不了的。还好终於找到了解决办法下面好好整理一下。
在video标签中加属性
也就是所谓的开启同层播放器
上面的方法试了在ios中可以不全屏,但是在安卓的微信中打开依然是全屏的。
视频解码最好用转码,可以转mp4、mpeg、mkv....,还可以提取视频中的音乐
mp4转mpeg,视频的宽度必须是2的倍数
其他使用方法可鉯到官网中查找,这里就不多介绍了
是从其他语言翻译而成,这个解码器支持 mp4 后缀的视频文件有时候即使是手机拍摄的mp4格式的视频也沒什么用,最好还是用ffmpeg再转一下格式视频的地址最好是在线的地址,本地测试的时候本地视频在iphone上播放不了
是一个 MPEG1 解码器,个人觉得玳码比较轻量
以上两种方法都可以实现视频的不全屏播放,终于解决了一个大问题但是对于专门做视频开发的不知道适不适用了。
另外还有一种方法就是将图片转成一个个帧了,个人觉得有点麻烦但是对于短视频来讲也可以采用。麻烦的就是用工具将视频转成图片叻