vue 中 使用 vedio.js 实现播放m3u8格式的视频
1安装
yarn add video.js
yarn add videojs-contrib-hls // 这是播放hls流需要的插件
yarn add mux.js // 在vue项目中,若不安装它可能报错
2 vue中 main.js中引入
//video js import "video.js/dist/video-js.css"; // 引入video.js的css import hls from "videojs-contrib-hls"; // 播放hls流需要的插件 Vue.use(hls);
3 实现播放m3u8格式的视频
单个视频
<video :id="postId" class="video-js" controls preload="none" poster="http://vjs.zencdn.net/v/oceans.png" :options="options" >
多个视频
for="(item,index) in audios" :key="index"> {{item.id}}
原文:https://www.cnblogs.com/lvlisn/p/14804150.html