uniapp的video标签如何退出全屏
时间: 2023-08-10 14:07:45 浏览: 1186
HTML5 video播放器全屏(fullScreen)方法实例
5星 · 资源好评率100%
你可以使用uni-app的API来退出video标签的全屏模式。首先,你需要在video标签上添加一个监听器,以便在全屏模式改变时触发相应的事件。然后,在事件处理函数中,你可以调用uni-app提供的API来退出全屏模式。
下面是一个示例代码:
```html
<template>
<view>
<video src="your_video_src" @fullscreenchange="exitFullscreen"></video>
</view>
</template>
<script>
export default {
methods: {
exitFullscreen(event) {
// 检查当前是否是全屏模式
if (!event.detail.fullScreen) {
// 调用uni-app提供的API来退出全屏模式
uni.exitFullscreen();
}
}
}
}
</script>
```
在上面的代码中,我们在video标签上添加了`@fullscreenchange`监听器,当全屏模式改变时会触发`exitFullscreen`方法。在该方法中,我们使用`uni.exitFullscreen()`来退出全屏模式。
请注意,以上代码仅适用于uni-app框架,如果你在其他框架中使用video标签,可能需要使用不同的方法。
阅读全文