微信小程序video 全屏横屏后自定义控件都放大了

微信小程序中的video组件提供了全屏播放的功能，当你点击视频进行全屏观看时，视频会自动填充整个屏幕。但有时候在全屏模式下，自定义控件可能会出现放大或者布局混乱的情况。这通常是因为控件的样式没有正确地适应全屏变化。

为了避免这种情况，你需要考虑到全屏时的布局变化，可以通过监听全屏事件来动态调整控件的样式。以下是几个处理建议：

1. 使用CSS媒体查询：在CSS中使用@media查询，根据屏幕的大小变化来调整控件的样式。
2. 监听全屏事件：通过JavaScript监听video组件的全屏事件（如`onfullscreenchange`），根据是否全屏来动态调整控件样式。
3. 控制控件大小：确保你的自定义控件在全屏模式下能够正确显示，可能需要对控件大小、位置等进行动态计算和调整。

下面是一个简单的示例代码，展示了如何使用JavaScript监听全屏事件并动态调整样式：

Page({
  onReady: function () {
    var video = wx.createVideo({
      x: 0,
      y: 0,
      width: 300,
      height: 150,
      src: 'xxx', // 视频源地址
      autoplay: true,
      controls: true,
      onfullscreenchange: function (res) {
        if (res.fullScreen) {
          // 全屏时调整样式
          document.querySelector('.your-custom-control').style.transform = 'scale(1.5)';
        } else {
          // 非全屏时调整样式
          document.querySelector('.your-custom-control').style.transform = 'scale(1)';
        }
      }
    });
    video.play();
  }
});

请确保你的自定义控件有合适的类名或ID，以便在JavaScript中通过`document.querySelector`准确选取和修改样式。