Vue使用videojs做直播

1. 安装videojs插件

npm i videojs-contrib-hls –save//hls格式需要使用这个
npm i video.js --save

2. 引入插件：
   可以在main.js中全局引入也可以在需要使用的vue文件中引入
   本文选择的在使用的文件中引入

import videojs from "video.js";
import "video.js/dist/video-js.css";
import "videojs-contrib-hls.js/src/videojs.hlsjs.js";

3. 使用
   Template中 （必须步骤）
   说明：muted//这个是静音

<video
        muted
        class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9"
        autoDisable="false"
        id="videobox"
        preload="auto"
        playsinline="true"
        width="100%"
        ref="videoRef"
        x5-video-orientation="landscape"
      >
        <source id="sourceBox" :src="videoSrc" type="application/x-mpegURL" />
      </video>