hls-video-player v0.1.76

hls-video-player

vue播放hls视频流的播放器组件( 内部集成了videojs )

install

npm install hls-video-player

or

yarn add hls-video-player

global registry component

import Vue from 'vue'
import { HlsPlayer } from 'hls-video-player'

Vue.component('HlsPlayer',HlsPlayer)

in vue component

import { HlsPlayer } from 'hls-video-player'
export default {
    name: 'MyComponent',
    component:{
        HlsPlayer
    }
}

播放hls流

  <HlsPlayer
    play-url="http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8"
  ></HlsPlayer>

播放mp4

  <HlsPlayer
    play-url="http://vjs.zencdn.net/v/oceans.mp4"
    video-type="video/mp4"
  ></HlsPlayer>