uniapp , video组件 点击全屏展示showFullscreenBtn
时间: 2023-12-07 09:03:54 浏览: 268
HTML5 video播放器全屏(fullScreen)方法实例
5星 · 资源好评率100%
可以通过在 video 组件上设置 showFullscreenBtn 属性为 true,来显示全屏按钮。当用户点击全屏按钮时,会触发 video 组件的 requestFullScreen 方法,从而实现全屏播放。示例代码如下:
```html
<video src="http://example.com/video.mp4" showFullscreenBtn></video>
```
需要注意的是,requestFullScreen 方法只能在用户主动操作的回调函数中触发,如 touchstart、click 等事件回调函数中。否则会报错。另外,全屏播放时,会触发 video 组件的 fullscreenchange 事件,可以监听该事件来处理全屏状态的变化。
阅读全文