移动端video视频播放器不全屏播放

 <video
        id="my-player"
        class="video-js vjs-default-skin vjs-big-play-centered"
        controls
         x5-playsinline=""
         playsinline="" 
         webkit-playsinline=""

        x-webkit-airplay="true"
        preload="auto"
        poster="static/img/20200719234159.png"
        data-setup='{}'>
        <source src="http://arrow.tojy.net/sv/ea47413-1732d11e73a/ea47413-1732d11e73a.mp4" type="video/mp4"></source>
        
       
        </video>

 

 

属性里添加 x5-playsinline="" playsinline="" webkit-playsinline="" -webkit-playsinline=""  x-webkit-airplay="true"

 

ckplayer播放器里的ckplayer.js中

修改如下

var html = '';
                    if (!this.isM3u8) {
                        html = '<video id="' + vid + '"' + src + ' width="100%" height="100%" x5-playsinline="" playsinline="" webkit-playsinline="" -webkit-playsinline=""  x-webkit-airplay="true"' + autoplay + poster + loop + preload + controls + mobileautofull + track + '>' + source + '</video>';
                    } else {
                        html = '<video id="' + vid + '" width="100%" height="100%" x5-playsinline="" playsinline="" webkit-playsinline="" -webkit-playsinline="" x-webkit-airplay="true"' + poster + loop + preload + controls + mobileautofull + track + '></video>';
                    }