uniapp 屏幕旋轉 (可實現視頻全屏播放旋轉橫屏)

 uniapp 鎖定屏幕方向(默認為縱向主屏)  

 只能在APP端 (Android 支持， iOS 未測)

 plus.screen.lockOrientation(); // 設定屏幕鎖定方向

 // 縱向 portrait (自適應)

 // 縱向-主屏(手機頂部到底部) portrait-primary

 // 縱向-次屏(手機底部到頂部) portrait-secondary

 // 橫向 landscape (自適應)

 // 橫向-主屏(順時針)  landscape-primary

 // 橫向-次屏(逆時針) landscape-secondary

  

　　　　　　　　　 // 媒體查詢觀察者
                this.mediaQueryOb = uni.createMediaQueryObserver(this)
                // 檢測媒體查詢內容(界面變化)
                this.mediaQueryOb.observe({
                    minWidth: 375, //頁面最小寬度 375px
                    maxWidth: 500 //頁面寬度最大 500px
                }, matches => {
                    console.log(matches);
                })

　　或者

　　　　　　　　　 landscapeOb = uni.createMediaQueryObserver(this)
                landscapeOb.observe({
                    orientation: 'landscape' //屏幕方向為縱向/橫向 portrait/landscape
                }, matches => {
                    console.log(matches);
                    this.landscape = matches
                })

　　停止監聽

                this.mediaQueryOb.disconnect() //組件銷毀時停止監聽
                landscapeOb.disconnect()

 

　　文檔鏈接