微信小程序中视频放不了(uniapp、微信小程序播放flv直播流视频)
导读:因为涉及到有些监控是没有音频的,所以使用flv.js插件,通过<web-view>标签跳转到h5页面。...
因为涉及到有些监控是没有音频的 ,所以使用flv.js插件 ,通过<web-view>标签跳转到h5页面 。
在真机上调试发现是没有发现flv.js文件,出现跨域现象 ,但是我只是导入了js文件 ,不知道什么情况;
然后 ,就只是移动端不支持flv.js 。经过不懈努力 ,我找到了另外一个插件 -----DPlayer.js ,具体文档参考http://dplayer.js.org/guide.html#options 。这个确实也是可以在移动端播放直播流flv视频 ,但不能忽略音频 。使用videojs-flvjs 。
1 、首先npm install --save videojs-flvjs ,引入flv.js ,video.js ,videojs-flvjs
2 、html
3 、JS
4 、成果
剩下的就是自己调整样式了,这个在移动端也能够兼容播放
创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!