HarmonyOS Video组件播放横屏视频时,当调用requestFullscreen函数全屏播放时,能否让视频也旋转到横屏,更好的适配屏幕

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

参考:

import window from '@ohos.window'

@Entry
@Component
struct VideoCreateComponent {
  @State videoSrc: Resource = $rawfile('video1.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
微信
回复
1天前
相关问题
HarmonyOS video如何播放
318浏览 • 1回复 待解决
HarmonyOS 播放问题
382浏览 • 1回复 待解决
HarmonyOS 列表视频全屏播放实现
449浏览 • 1回复 待解决
HarmonyOS webView视频展示
29浏览 • 1回复 待解决