使用vue-video-player做H5直播播放

例子

先下载video 插件 npm install vue-video-player --save

player vue

main .js

import Vue from 'vue'
import App from './App'
import router from './router'
import VideoPlayer from 'vue-video-player'
require('video.js/dist/video-js.css')
require('vue-video-player/src/custom-theme.css')

Vue.config.productionTip = false
// VideoPlayer.config({
//   youtube: true,
//   switcher: true,
//   hls: true
// })
Vue.use(VideoPlayer)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

调试

需要浏览器开启flash支持！