HarmonyOS Video组件全屏时是竖屏的,如何改为横屏

切换视频时this.controller.start()无法立即播放,需要点击两次

HarmonyOS
2024-12-24 15:43:47
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

请参考demo:

import window from '@ohos.window'

@Entry
@Component
struct Index {
  @State videoSrc: Resource = $rawfile('demo.mp4')
  @State previewUri: Resource = $r('app.media.app_icon')
  @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X
  @State isAutoPlay: boolean = true
  @State showControls: boolean = true
  controller: VideoController = new VideoController()

  // 设置窗口方向
  setR(orientation:number){
    window.getLastWindow(getContext(this)).then((win) => {
      win.setPreferredOrientation(orientation).then((data) => {
        console.log('setWindowOrientation: '+orientation+' Succeeded. Data: ' + JSON.stringify(data));
      }).catch((err:string) => {
        console.log('setWindowOrientation: Failed. Cause: ' + JSON.stringify(err));
      });
    }).catch((err:string) => {
      console.log( 'setWindowOrientation: Failed to obtain the top window. Cause: ' + JSON.stringify(err));
    });
  }

  build() {
    Column() {
      Video({
        src: this.videoSrc,
        previewUri: this.previewUri,
        currentProgressRate: this.curRate,
        controller: this.controller
      })
        .objectFit(ImageFit.Contain)
        .width('100%')
        .height(600)
        .autoPlay(this.isAutoPlay)
        .controls(this.showControls)
        .onFullscreenChange((e ?: FullObject) =>{
          if (e?.fullscreen) {
            this.setR(4)
          } else {
            this.setR(1)
          }
        })

      Row() {
        Button('Fullscreen').onClick(() => {
          this.controller.requestFullscreen(true);
        }).margin(5)
      }

    }
  }
}

interface FullObject {
  fullscreen: boolean;
}
分享
微博
QQ
微信
回复
2024-12-24 18:24:22
相关问题
如何获取当前还是啊?
5244浏览 • 1回复 待解决
HarmonyOS video如何播放?
546浏览 • 1回复 待解决