React video.js实现m3u8格式视频播放及实时切换

走远了吗. 提交于 2019-12-04 01:41:01

先安装:

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>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!