H5開發視頻遇到的問題及解決方案

x5-video-player-type="h5" 可以開啟同層播放器，來避免播放后顯示推薦視頻的問題。
x5-video-player-fullscreen="true" //視頻全屏播放
x5-video-orientation="portrait"//視頻豎屏模式播放

var isStop = false;
 videoElem.on('timeupdate', function () {
 var curTime = parseInt(videoElem[0].currentTime);
 if (curTime == 152) {//該時間點展示交互蒙層
 $('.js_first_stop').removeClass('hide');
 } else if (curTime > 152 && curTime == 153) {
 if (!isStop) {//解決ios暫停后再次點擊播放不了問題，因為該處觸發了多次，但是andriod沒有該問題。
 isStop = true;
 videoElem[0].pause();
 }
 } else if (curTime == 248) {
 $('.js_second_stop').removeClass('hide');
 }
 });

videoElem.on('ended',function(){});

videoElem.on('timeupdate',function(){
 if(videoElem[0].ended){
 //播放結束
 }
}

videoElem.on("x5videoenterfullscreen", function(){}

videoElem.on('x5videoexitfullscreen',function(){}

<video class="js_video" style="object-fit: cover; width: 100%; height: 100%;" preload="load" 
playsinline="true" webkit-playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
 x5-video-orientation="portrait"src="https://video.mdcdn.cn/friend2018.mp4"></video>