參考: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(); }