js android端实现视频自动播放

前言:

在安卓手机上，使用video播放视频有个问题，video控件层级会永远在顶层，不利于视频互动H5开发，而IOS手机上不会有此问题。

x5-video-player-type="h5"   只适用于微信浏览器

注意:

1.jsmpeg 需要将视频转为.ts的文件

     先安装ffmpeg,然后执行以下命令,将mp4格式的文件转成 .ts(用命令行转的才能正常播放)

ffmpeg -i video.mp4 -f mpegts -codec:v mpeg1video -codec:a mp2 out.ts(文件的路径不太好找,建议全局搜索一下)

2.安卓上使用jsmpeg插件渲染canvas，ios上正常使用video并加入隐藏控制条等设置

3.http://hf-app.oss-cn-hangzhou.aliyuncs.com/public/html/jsmpeg.js   请使用此js,原作者的js没有回调设置

4.https://github.com/phoboslab/jsmpeg  原作者github地址

解决方案:jsmpeg插件

   

   

   

   

   

   

   

loading...

   

   

项目中遇到的坑,把使用方法记录一下

在线演示DOMO

JSMpegPlayer

https://github.com/xxfxx/android-video-autuplay  github地址,欢迎小星星~~~