其他分享
首页 > 其他分享> > 解决Videojs安卓全屏时不能横屏

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

 

标签:return,机型,安卓,landscapeFullscreen,ios,player,横屏,全屏,var
来源: https://www.cnblogs.com/liuyu666/p/15847274.html