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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM