官方文档：

https://github.com/bilibili/flv.js

 

安装：

npm install --save flv.js

 

组件内引入依赖：

import flvjs from 'flv.js'

 

实例：

import flvjs from 'flv.js'
export default {data () {return {flvPlayer:null}},mounted() {if (flvjs.isSupported()) {var videoElement = document.getElementById('videoElement');this.flvPlayer = flvjs.createPlayer({type: 'flv',isLive: true,hasAudio: false,url: 'http://1011.hlsplay.aodianyun.com/demo/game.flv'});this.flvPlayer.attachMediaElement(videoElement);this.flvPlayer.load();this.flvPlayer.play();}},methods:{play () {this.flvPlayer.play();}}
}

 

效果： 

 

播放失败原因：

协议不支持
在一开始我以为flvjs可以播放所有flv格式的视频流，但是经过测试和查看文档发现，这个包仅支持HTTPFLV协议的流，如果使用RTMP协议的流则依然需要使用flash插件。

支持：http://www.xxxxxxx.com:18080/11/22.flv
不支持：rtmp://www.xxxxx.com/api/6538-1.1567494734966.flv