最近一个项目中需要在移动端播放m3u8格式的视频刚开始用了 vue-video-player 这个插件,在IOS手机体验良好本以为完事了, 结果安卓手机一点播放就自动全屏查了资料说是安卓微信浏览器是X5内核与IOS的不同。折腾了好半天还是解决不了于是决定换个插件,于是用了video.js
1、首先安装,在你的vue项目中
2、在你需播放视频的页面中
4、在 mounted 中设置一下中文不然出错时提示英文不够友好
"无法找到此视频兼容的源。", });
5、因为本人的地址是异步获取所以在取得地址后:
以上僦可以了,播放m3u8格式的视频亲测安卓、IOS手机完美兼容且不会自动全屏。
另外设置居中的播放按钮: