方法很简单,这里就简写了
-
在Vue 项目中 安装 npm install vue-video-player --save
-
安装 npm install videojs-flash --save
-
在Vue项目 main.js 中引入
import VueVideoPlayer from ‘vue-video-player’
Vue.user(VueVideoPlayer) -
在 Vue项目main.js 中引入 或者在当前组件中引入
import ‘video.js/dist/video-js.css’
import ‘vue-video-player/src/custom-theme.css’ // 引入样式
import ‘videojs-flash’<videoPlayer style="object-fit: fill; width: 100%" class="vjs-custom-skin videoPlayer" ref="videoPlayer" :options="playerOptions" :playsinline="true" @ready="playerReadied"> </videoPlayer> data () { return { playerOptions: { width: 800, height: 500,