HarmonyOS video如何横屏播放？

HarmonyOS

zbw_apple

2024-10-14 09:47:06

浏览

回答 1

按赞同

按时间

superinsect

请参考以下demo：

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;  
}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.