Video 在全屏播放模式视频没有显示全？

Question

使用官方的demo，参考链接：视频播放 (Video)-添加常用组件-添加组件-UI开发 (ArkTS声明式开发范式)-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者 (huawei.com)，点击全屏，视频没有全屏显示

Answer 1

参考这个demo：

import { window } from '@kit.ArkUI'
import { BusinessError } from '@kit.BasicServicesKit'

@Entry
@Component
struct VideoGuide {
  @State videoSrc: Resource = $rawfile('videoTest.mp4')
  @State previewUri: string = 'common/videoIcon.png'
  @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X
  @State flag: boolean = true
  build() {
    Row() {
      Column() {
        Video({
          src: this.videoSrc,
          previewUri: this.previewUri,
          currentProgressRate: this.curRate
        })
          .objectFit(ImageFit.Contain)
          .onFullscreenChange((e) => {
            if (this.flag) {
              let windowClass: window.Window | undefined = undefined;
              try {
                window.getLastWindow(getContext(), (err: BusinessError, data) => {
                  const errCode: number = err.code;
                  if (errCode) {
                    console.error(`Failed to obtain the top window. Cause code: ${err.code}, message: ${err.message}`);
                    return;
                  }
                  windowClass = data;
                  let orientation = window.Orientation.LANDSCAPE;
                  try {
                    windowClass.setPreferredOrientation(orientation, (err: BusinessError) => {
                      const errCode: number = err.code;
                      if (errCode) {
                        console.error(`Failed to set window orientation. Cause code: ${err.code}, message: ${err.message}`);
                        return;
                      }
                      this.flag = false
                      console.info('Succeeded in setting window orientation.');
                    });
                  } catch (exception) {
                    console.error(`Failed to set window orientation. Cause code: ${exception.code}, message: ${exception.message}`);
                  }
                  console.info('Succeeded in obtaining the top window. Data: ' + JSON.stringify(data));
                });
              } catch (exception) {
                console.error(`Failed to obtain the top window. Cause code: ${exception.code}, message: ${exception.message}`);
              }
            }else{
              let windowClass: window.Window | undefined = undefined;
              try {
                window.getLastWindow(getContext(), (err: BusinessError, data) => {
                  const errCode: number = err.code;
                  if (errCode) {
                    console.error(`Failed to obtain the top window. Cause code: ${err.code}, message: ${err.message}`);
                    return;
                  }
                  windowClass = data;
                  let orientation = window.Orientation.PORTRAIT;
                  try {
                    windowClass.setPreferredOrientation(orientation, (err: BusinessError) => {
                      const errCode: number = err.code;
                      if (errCode) {
                        console.error(`Failed to set window orientation. Cause code: ${err.code}, message: ${err.message}`);
                        return;
                      }
                      this.flag = true
                      console.info('Succeeded in setting window orientation.');
                    });
                  } catch (exception) {
                    console.error(`Failed to set window orientation. Cause code: ${exception.code}, message: ${exception.message}`);
                  }
                  console.info('Succeeded in obtaining the top window. Data: ' + JSON.stringify(data));
                });
              } catch (exception) {
                console.error(`Failed to obtain the top window. Cause code: ${exception.code}, message: ${exception.message}`);
              }
            }

          })

      }
      .width('100%')
    }
    .height('100%')
  }
}