uniapp如何全屏
时间: 2023-11-07 08:55:21 浏览: 308
AirPower的Uniapp开发宿主项目
在uniapp中实现全屏功能可以通过使用uni.createVideoContext方法来控制视频的全屏状态。在你提供的代码示例中,getIntoScreen方法使用了myVideo.requestFullScreen()方法来进入全屏状态,quitFullScreen方法使用了myVideo.exitFullScreen()方法来退出全屏状态。根据你的需求,你可以在按钮点击事件中调用这两个方法来实现全屏和退出全屏的功能。
```javascript
methods:{
getIntoScreen() {
this.myVideo = uni.createVideoContext('myVideo');
this.myVideo.requestFullScreen();
this.openScreen = true;
},
quitFullScreen() {
this.myVideo = uni.createVideoContext('myVideo');
this.myVideo.exitFullScreen();
this.openScreen = false;
}
}
```
以上是 uniapp 中实现全屏功能的方法。你可以在按钮的点击事件中调用getIntoScreen方法来实现全屏,调用quitFullScreen方法来退出全屏。
阅读全文