HarmonyOS Video组件设置沉浸式，视频内容没有延展到safearea

video组件不支持safeArea的沉浸式，可以通过设置窗口沉浸式可以实现。

1、在EntryAbility的onWindowStageCreate方法中通过windowStage获取window，API地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-window-stage-V5#%E4%BD%93%E9%AA%8C%E7%AA%97%E5%8F%A3%E6%B2%89%E6%B5%B8%E5%BC%8F%E8%83%BD%E5%8A%9B

2、在video组件所在的页面设置窗口沉浸式调用setWindowLayoutFullScreen。

aboutToAppear(): void {
  window.getLastWindow(getContext(this)).then((win:window.Window)=>{
  win.setWindowLayoutFullScreen(true)
  })
}
1.
2.
3.
4.
5.

或者参考示例如下：

import WindowModel from '../common/utils/WindowModel'
import { window } from '@kit.ArkUI'

@Entry
@Component
struct VideoComponentDemo {
  @State videoSrc: Resource = $rawfile('RamboVideo.mp4')
  controller: VideoController = new VideoController()
  @State statusBarHeight: number = 0;
  @State navigationHeight: number = 0;

  getAvoidArea() {
    let avoidAreaStatusBar = WindowModel.getInstance().getWindowsAvoidArea(window.AvoidAreaType.TYPE_SYSTEM);
    let avoidAreanavigation =
      WindowModel.getInstance().getWindowsAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR);
    if (avoidAreaStatusBar && avoidAreanavigation) {
      this.statusBarHeight = px2vp(avoidAreaStatusBar.topRect.height);
      this.navigationHeight = px2vp(avoidAreanavigation.bottomRect.height);
    }
    console.log('mwb', `statusBarHeight: ${this.statusBarHeight}, navigationHeight: ${this.navigationHeight}`);
  }

  aboutToAppear(): void {
    this.getAvoidArea()
    WindowModel.getInstance().getWindowClass()?.on('windowSizeChange', (size: window.Size) => {
      this.getAvoidArea();
    })
    this.controller.requestFullscreen(true)
  }

  build() {
    Column() {
      Video({
        src: this.videoSrc,
        currentProgressRate: PlaybackSpeed.Speed_Forward_1_00_X,
        controller: this.controller
      })
        .objectFit(ImageFit.Fill)
        .width('100%')
        .offset({ x: 0, y: -this.statusBarHeight })
        .height(`calc(100% + ${this.statusBarHeight}vp + ${this.navigationHeight}vp)`)
        .autoPlay(true)
        .loop(true)
        .controls(false)
        .backgroundColor(Color.Green)
    }
    .backgroundColor(Color.Pink)
    .height('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.