HarmonyOS 鸿蒙Next Video组件调用requestFullscreen实现全屏播放后，自定义的控制栏无法显示

Video组件全屏的原理是，新建一个Video节点，设置为窗口大小，放置到根节点，复用原来Video的surface。这可以通过ide的ArkUI Inspector观察Video组件全屏前后页面节点的变化发现，这个原理在ets侧是不能模仿实现的。总的来说Video组件自带的全屏就不适用了。需要自定义实现全屏。

我们可以给视频展示区一个高度，通过调整尺寸实现全屏的效果，同时也可以显示自定义的播放控件，这边给您提供一个demo，供您参考：

@Entry

@Component

struct VideoPlayerPage {

  @State videoSrc: Resource = $r("app.media.videoTest")

  @State previewUri: Resource = $r('app.media.background');

  controller: VideoController = new VideoController();

  @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X

  @State fullHeight: Length = 600

  @State isFullScreen: boolean = false

  build() {

    Column() {

      Stack({ alignContent: Alignment.Bottom }) {

        Video({ src: this.videoSrc, previewUri: this.previewUri, controller: this.controller })

          .width('100%')

          .height(this.fullHeight)

          .loop(false)

          .objectFit(ImageFit.Contain)

          .autoPlay(false)

          .controls(false)

        // 自定义控制器

        Row() {

          Text('start')

            .onClick(() => {

              this.controller.start() // 开始播放

            })

            .margin(5)

            .fontColor(Color.White)

          Text('pause')

            .onClick(() => {

              this.controller.pause() // 暂停播放

            }).margin(5)

            .fontColor(Color.White)

          Text('0.75')

            .onClick(() => {

              this.curRate = PlaybackSpeed.Speed_Forward_0_75_X // 0.75倍速播放

            })

            .margin(5)

            .fontColor(Color.White)

          Text('1')

            .onClick(() => {

              this.curRate = PlaybackSpeed.Speed_Forward_1_00_X // 原倍速播放

            })

            .margin(5)

            .fontColor(Color.White)

          Text('2')

            .onClick(() => {

              this.curRate = PlaybackSpeed.Speed_Forward_2_00_X // 2倍速播放

            })

            .margin(5)

            .fontColor(Color.White)

          Text(this.isFullScreen ? '退出全屏' : '全屏')

            .onClick(() => {

              if (this.isFullScreen) {

                this.fullHeight = 600

              } else {

                this.fullHeight = '100%'

              }

              this.isFullScreen = !this.isFullScreen

            })

            .fontColor(Color.White)

        }

        .zIndex(1)

      }

    }

    .width('100%')

    .height('100%')

    .justifyContent(FlexAlign.Center)

  }

}