React video.js實現m3u8格式視頻播放及實時切換

先安裝：

npm install --save video.js

 

導入

import videojs from 'video.js'

 

import "video.js/dist/video-js.css";

 

  constructor(props) {

        super(props);

        this.state = {

            current_url : '/001.m3u8',

        }

        this.player= null

    }

 

 

componentDidMount   方法下

 this.player = videojs("video");

 this.player.controls(true)

 this.player.src(this.state.current_url)

 

<video id="video" className="video-js vjs-default-skin video" style={{height:"500px"}} ></video>