video.js使用

//引入video.js

html

<video
    id="my-player"
    className="video-js my-player-wrap vjs-big-play-centered"
    controls
    preload="auto"
    src=""
    data-setup='{"controls": true, "autoplay": false, "preload": "auto","x5-playsinline":"true" ,"playsinline":true, "webkit-playsinline":true  }'
    x5-playsinline="" playsinline=""  webkit-playsinline="true"
    width="100%" height="100%"
>
    <p className="vjs-no-js">
        请开启Javascript脚本以便
        <a href="http://videojs.com/html5-video-support/" target="_blank">
            支持HTML5 video播放器
        </a>
    </p>
</video>

js

initVideo=(imgurl ,movieurl)=>{

    var dem=document.getElementById('my-player');
    let that=this;
    videojs("my-player",{}).ready(function(res){
        this.reset()
        dem.setAttribute('poster',imgurl)
        dem.setAttribute('src',movieurl)
        // console.log(this)
        this.src([movieurl])
        this.poster(imgurl)
        this.load();
        this.load();

        this.on('play', function (aa) {
            console.log(this.currentTime())
            if(this.currentTime()<1){
            }

        });
        // this.reload();

    })
}

销毁 

videojs("my-player",{}).ready(function(res){
    this.dispose();
})