解決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