解决Videojs安卓全屏时不能横屏

参考:https://blog.csdn.net/huyunfei/article/details/107611151


一、引用videojs-landscape-fullscreen.min.js

  使用实例:

var player = videojs('some-player-id');
// 设置全屏时横屏
player.landscapeFullscreen();

 

二、注意此方法会影响到苹果机型,所以调用前需要判断手机机型

          /**
                 * 判断手机机型
                 */
                isAndroidOrIOS: function() {
                    var u = navigator.userAgent;
                    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
                    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                    if (isAndroid) {
                        return "android"
                    }
                    if (isiOS) {
                        return "ios"
                    }
                    return false
                }

 

 // 如果手机不为苹果机型
if (this.isAndroidOrIOS() !== 'ios') {
    player.landscapeFullscreen();  
}

 

posted @ 2022-01-26 16:53  维新派丁真  阅读(1835)  评论(0编辑  收藏  举报