uniapp、微信小程序播放flv直播流视频(uniapp微信小程序兼容)

因为涉及到有些监控是没有音频的，所以使用flv.js插件，通过<web-view>标签跳转到h5页面。 在真机上调试发现是没有发现flv.js文件，出现跨域现象，但是我只是导入了js文件，不知道什么情况； 然后，就只是移动端不支持flv.js。经过不懈努力，我找到了另外一个插件 DPlayer.js ...

推荐整理分享uniapp、微信小程序播放flv直播流视频(uniapp微信小程序兼容)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:uniapp微信小程序上传文件,uniapp微信小程序刷新当前页,uniapp微信小程序表单验证,uniapp微信小程序获取手机号,uniapp微信小程序上传文件,uniapp微信小程序上传文件,uniapp微信小程序上传文件,UNIAPP微信小程序自定义导航栏组件,内容如对您有帮助，希望把文章链接给更多的朋友！

因为涉及到有些监控是没有音频的，所以使用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、成果

剩下的就是自己调整样式了，这个在移动端也能够兼容播放