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

 

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