vue播放rtmp、hls m3u8格式视频

选用Video.js作为视频播放库，如果要支持hls m3u8还需要videojs-contrib-hls组件的支持。

安装Video.js

npm install --save video.js

安装videojs-contrib-hls

npm install --save videojs-contrib-hls

创建一个vue的播放组件

src/components/VideoPlayer/index.vue

在页面中引用VideoPlayer组件

如果要播放rtmp或者rtsp需要把sources.type改成rtmp/flv。

Video.js官方参考文档：https://docs.videojs.com/tutorial-vue.html

本文标题：vue播放rtmp、hls m3u8格式视频
本文地址：https://dev-tang.com/post/2020/04/vue-rtmp-hls-m3u8.html