uniapp ， video组件 点击全屏展示showFullscreenBtn

可以通过在 video 组件上设置 showFullscreenBtn 属性为 true，来显示全屏按钮。当用户点击全屏按钮时，会触发 video 组件的 requestFullScreen 方法，从而实现全屏播放。示例代码如下：

<video src="http://example.com/video.mp4" showFullscreenBtn></video>

需要注意的是，requestFullScreen 方法只能在用户主动操作的回调函数中触发，如 touchstart、click 等事件回调函数中。否则会报错。另外，全屏播放时，会触发 video 组件的 fullscreenchange 事件，可以监听该事件来处理全屏状态的变化。

相关问题

uniapp ， video组件 怎么设置showFullscreenBtn

在uniapp的video组件中，可以通过设置showFullscreenBtn属性来显示或隐藏全屏按钮。

例如，可以在template中的video标签中添加showFullscreenBtn属性：

<template>
  <view>
    <video src="http://example.com/video.mp4" showFullscreenBtn="true"></video>
  </view>
</template>

在上面的示例中，showFullscreenBtn属性被设置为true，因此将显示全屏按钮。如果将showFullscreenBtn属性设置为false，则隐藏全屏按钮。

需要注意的是，showFullscreenBtn属性只在原生平台上生效，小程序平台上并不支持该属性。

uniapp ， video组件 点击全屏展示requestFullScreen

您可以通过以下步骤在UniApp中实现视频组件的全屏展示：

1. 在video组件上添加一个点击事件，例如：

<video @tap="fullscreen"></video>

2. 在methods中添加fullscreen方法：

methods: {
  fullscreen() {
    const video = uni.createVideoContext('myvideo', this);
    video.requestFullScreen();
  },
}

3. 请注意，要在方法中获取video组件的上下文，需要使用uni.createVideoContext方法。在此示例中，video组件的id为“myvideo”。

4. 最后，您需要在manifest.json文件中声明权限：

"permissions": {
  "scope.userLocation": {
    "desc": "用户位置信息"
  },
  "scope.record": {
    "desc": "录音功能"
  },
  "scope.camera": {
    "desc": "摄像头功能"
  },
  "scope.writePhotosAlbum": {
    "desc": "保存图片到相册"
  },
  "scope.userInfo": {
    "desc": "用户信息"
  },
  "scope.userLocationBackground": {
    "desc": "后台定位"
  },
  "scope.album": {
    "desc": "相册功能"
  },
  "scope.cameraPlus": {
    "desc": "相机高级功能"
  },
  "scope.video": {
    "desc": "摄像功能"
  }
}

这样，您就可以在UniApp中实现视频组件的全屏展示了。