Vue 视频音频播放

<hlsPlayer :rowData="rowData" ref="child" />
<videoPlayer :rowData="rowData" ref="childTwo" />

1.安装video.js依赖

npm install --save video.js

2.全局引入

import Video from 'video.js'
import 'video.js/dist/video-js.css'

3.使用 （封装组件）

实现效果：

 音频组件：

<template>
  <Modal
      v-model="modals"
      width="400"
      :styles="{height:'400px',overflow:'hidden'}"
      scrollable
      footer-hide
      closable
      :title="titleFrom"
      :mask-closable="false"
      :z-index="1"
      @on-cancel="handleReset"
  >
    <div>
      <aplayer :playerOptions="aOption" v-if="isAudio"></aplayer>
      <vplayer :playerOptions="vOption" style="height: 300px;" v-if="!isAudio"></vpl