video.js使用

//引入video.jshtml

<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();
})