HarmonyOS 视频播放无缝切换

可以参考如下demo：

import { window } from '@kit.ArkUI';

@Entry
@Component
struct ListExample {
  controller0: VideoController = new VideoController();
  controller1: VideoController = new VideoController();
  @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X
  @State fullHeight: Length = 300
  @State isFullVertical: boolean = false
  @State isFullHorizontal: boolean = false
  onPageHide(): void {
    this.handlerOrientation(window.Orientation.PORTRAIT)
  }

  handlerOrientation(type: number) {
    window.getLastWindow(getContext(this), (err, win) => {
      win.setPreferredOrientation(type)
    })
  }

  build() {
    Column() {
      List({ space: 20, initialIndex: 0 }) {
        // ForEach(this.arr, (item: number,index:number) => {
        ListItem() {
          Stack({ alignContent: Alignment.Bottom }) {
            Video({
              src: $rawfile('videoTest.mp4'),
              previewUri: $r('app.media.app_icon'),
              currentProgressRate: this.curRate,
              controller: this.controller0
            })
              .width('100%')
              .height(this.fullHeight)
              .loop(false)
              .objectFit(ImageFit.Contain)
              .autoPlay(false)
              .controls(false)
              .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
            Row() {
              Text('播放').onClick(() => {
                this.controller0.start() // 开始播放
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('暂停').onClick(() => {
                this.controller0.pause() // 暂停播放
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('0.75X').onClick(() => {
                this.curRate = PlaybackSpeed.Speed_Forward_0_75_X
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('1.0X').onClick(() => {
                this.curRate = PlaybackSpeed.Speed_Forward_1_00_X
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('2.0').onClick(() => {
                this.curRate = PlaybackSpeed.Speed_Forward_2_00_X
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text(this.isFullVertical ? '退出竖屏' : '竖屏')
                .margin(5)
                .fontSize(12)
                .onClick(() => {
                  if (this.isFullVertical) {
                    this.fullHeight = 600
                  } else {
                    this.fullHeight = '100%'
                  }
                  this.isFullVertical = !this.isFullVertical
                }).fontColor(Color.White)
              Text(this.isFullHorizontal ? '退出横屏' : '横屏')
                .fontSize(12)
                .onClick(() => {
                  this.isFullHorizontal = !this.isFullHorizontal
                  if (this.isFullHorizontal) {
                    this.handlerOrientation(window.Orientation.LANDSCAPE_INVERTED)
                    this.fullHeight = '100%'
                  } else {
                    this.handlerOrientation(window.Orientation.PORTRAIT)
                    this.fullHeight = 600
                  }
                }).fontColor(Color.White)
            }
            .zIndex(1)
          }
        }

        ListItem() {
          Stack({ alignContent: Alignment.Bottom }) {
            Video({
              src: $rawfile('videoTest.mp4'),
              previewUri: $r('app.media.app_icon'),
              currentProgressRate: this.curRate,
              controller: this.controller1
            })
              .width('100%')
              .height(this.fullHeight)
              .loop(false)
              .objectFit(ImageFit.Contain)
              .autoPlay(false)
              .controls(false)
              .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
            Row() {
              Text('播放').onClick(() => {
                this.controller1.start() // 开始播放
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('暂停').onClick(() => {
                this.controller1.pause() // 暂停播放
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('0.75X').onClick(() => {
                this.curRate = PlaybackSpeed.Speed_Forward_0_75_X
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('1.0X').onClick(() => {
                this.curRate = PlaybackSpeed.Speed_Forward_1_00_X
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text('2.0').onClick(() => {
                this.curRate = PlaybackSpeed.Speed_Forward_2_00_X
              }).margin(5).fontColor(Color.White).fontSize(12)
              Text(this.isFullVertical ? '退出竖屏' : '竖屏')
                .margin(5)
                .fontSize(12)
                .onClick(() => {
                  if (this.isFullVertical) {
                    this.fullHeight = 600
                  } else {
                    this.fullHeight = '100%'
                  }
                  this.isFullVertical = !this.isFullVertical
                }).fontColor(Color.White)
              Text(this.isFullHorizontal ? '退出横屏' : '横屏')
                .fontSize(12)
                .onClick(() => {
                  this.isFullHorizontal = !this.isFullHorizontal
                  if (this.isFullHorizontal) {
                    this.handlerOrientation(window.Orientation.LANDSCAPE_INVERTED)
                    this.fullHeight = '100%'
                  } else {
                    this.handlerOrientation(window.Orientation.PORTRAIT)
                    this.fullHeight = 600
                  }
                }).fontColor(Color.White)