VUE에서 비디오 프로젝트를 재생

VUE에서 비디오 프로젝트를 재생

• 플러그를 설치

  npm install --save video.js
  npm install --save videojs-contrib-hls

• 가져 오기 CSS

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

• 가져 오기 JS

  import videojs from 'video.js'
  import 'videojs-contrib-hls

• 지정된 컨테이너 플레이

  <video id="my-video" class="video-js vjs-default-skin" controls preload="auto" poster="../assets/video.png">
   <source src="http://xxx/1.m3u8" type="application/x-mpegURL">
  </video>

• 에 장착

  videojs('my-video', {
       bigPlayButton: false,
       textTrackDisplay: false,
       posterImage: true,
       errorDisplay: false,
       controlBar: true
      }, 
      function () {
        this.play()
    }
  )