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;
}
  • 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.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
分享
微博
QQ
微信
回复
2024-12-24 18:24:22


相关问题
如何获取当前还是啊?
5836浏览 • 1回复 待解决
HarmonyOS 查询当前状态还是
1157浏览 • 1回复 待解决
HarmonyOS video如何播放?
1078浏览 • 1回复 待解决
Web如何实现全屏
239浏览 • 0回复 待解决