HarmonyOS 无法全屏问题

底部的白条隐藏,视频全屏是留白.播放视频需要全屏都是下边有白条,应该是底部的白条,全屏时白条挡住了视频,这个应该怎么处理,彻底全屏头部状态栏可以隐藏了,但是底部的白条没法处理

HarmonyOS

Excelsior_abit

2024-12-20 15:11:10

浏览

回答 1

待解决

回答 1

按赞同

按时间

shlp

demo如下：

import { window } from '@kit.ArkUI'
@Entry
@Component
struct VideoPage {
 @State videoSrc: Resource = $rawfile('video1.mp4')
 @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X
 @State isAutoPlay: boolean = false
 @State showControls: boolean = false
 @State isPlay: boolean = false
 @State videoHeight: string = '300vp'
 controller: VideoController = new VideoController()
 @State windowClass:window.Window|undefined = undefined
 aboutToAppear(): void {
  window.getLastWindow(getContext(this)).then((window)=>{ this.windowClass = window })
 }
 build() {
  Stack() {
   Video({ src: this.videoSrc,  currentProgressRate: this.curRate, controller: this.controller })
    .onClick(()=>{
     if(this.isPlay){
      this.controller.pause()
     }else{
      this.controller.start()
     }
     this.isPlay = !this.isPlay
    })
    .width('100%')
    .height(this.videoHeight)
    .autoPlay(this.isAutoPlay)
    .controls(this.showControls)
   Row() {
    Button('fullscreen').onClick(async () => {
     if(!this.windowClass){ return; }
     if(this.videoHeight === '100%'){
      // 非全屏模式
      this.windowClass.setWindowLayoutFullScreen(false).then(()=>{
       this.videoHeight = '300vp'
      })
      this.windowClass.setPreferredOrientation(window.Orientation.PORTRAIT)
      this.windowClass.setWindowSystemBarEnable(['status'])
     }else{
      // 全屏模式
      this.windowClass.setWindowLayoutFullScreen(true).then(()=>{
       this.videoHeight = '100%'
      })
      this.windowClass.setPreferredOrientation(window.Orientation.LANDSCAPE)
      this.windowClass.setWindowSystemBarEnable([])
     }
    }).margin(5)
   }
  }.alignContent(Alignment.Bottom)
 }
}import { window } from '@kit.ArkUI'
@Entry
@Component
struct VideoPage {
 @State videoSrc: Resource = $rawfile('video1.mp4')
 @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X
 @State isAutoPlay: boolean = false
 @State showControls: boolean = false
 @State isPlay: boolean = false
 @State videoHeight: string = '300vp'
 controller: VideoController = new VideoController()
 @State windowClass:window.Window|undefined = undefined
 aboutToAppear(): void {
  window.getLastWindow(getContext(this)).then((window)=>{ this.windowClass = window })
 }
 build() {
  Stack() {
   Video({ src: this.videoSrc,  currentProgressRate: this.curRate, controller: this.controller })
    .onClick(()=>{
     if(this.isPlay){
      this.controller.pause()
     }else{
      this.controller.start()
     }
     this.isPlay = !this.isPlay
    })
    .width('100%')
    .height(this.videoHeight)
    .autoPlay(this.isAutoPlay)
    .controls(this.showControls)
   Row() {
    Button('fullscreen').onClick(async () => {
     if(!this.windowClass){ return; }
     if(this.videoHeight === '100%'){
      // 非全屏模式
      this.windowClass.setWindowLayoutFullScreen(false).then(()=>{
       this.videoHeight = '300vp'
      })
      this.windowClass.setPreferredOrientation(window.Orientation.PORTRAIT)
      this.windowClass.setWindowSystemBarEnable(['status'])
     }else{
      // 全屏模式
      this.windowClass.setWindowLayoutFullScreen(true).then(()=>{
       this.videoHeight = '100%'
      })
      this.windowClass.setPreferredOrientation(window.Orientation.LANDSCAPE)
      this.windowClass.setWindowSystemBarEnable([])
     }
    }).margin(5)
   }
  }.alignContent(Alignment.Bottom)
 }
}

2024-12-20 17:24:07

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS 无法全屏问题

订阅鸿蒙技术特刊，精选内容抢先看