HarmonyOS video设置加载图闪屏

HarmonyOS video设置加载图闪屏。

HarmonyOS
2024-10-16 10:06:41
4170浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

可参照如下解决方案:

方案一:给video设置预览图片。

方案二:给video设置显隐控制,在video进入start状态时,在start回调里,控制video展示,示例代码如下:

@Entry @Component  
struct HeiSebeijing {  
  build() {  
    Row() {  
      Column() {  
        Text('before')  
        VideoComponent({url:'https://img.mcd.cn/cms/images/e3fa083cab2a0851.mp4'})  
        Text('after')  
      }  
      .width('100%')  
    } .height('100%')  
  }  
}  
@Component struct VideoComponent {  
  @State isVisibile:Visibility=Visibility.Hidden  
  controller: VideoController = new VideoController();  
  private url:string=''  
  build() {  
    Row() {  
      Video({ src: this.url, controller: this.controller })  
        .visibility(this.isVisibile)  
        .autoPlay(true)  
        .loop(true)  
        .controls(false)  
        .width('100%')  
        .height('200vp')  
        .onStart(() => {setTimeout(()=>{ this.isVisibile=Visibility.Visible  },100) })  
        .onPrepared(()=>{ this.controller.setCurrentTime(0,SeekMode.NextKeyframe) })   
    }   
  }   
}
  • 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.
分享
微博
QQ
微信
回复
2024-10-16 16:52:13


相关问题
HarmonyOS 哪里配置页面
784浏览 • 1回复 待解决
HarmonyOS video如何横播放?
1091浏览 • 1回复 待解决
HarmonyOS 启动的页怎么配置
719浏览 • 1回复 待解决
HarmonyOS 加载启动轻微闪烁
948浏览 • 1回复 待解决
HarmonyOS 如何加载svga
578浏览 • 1回复 待解决
HarmonyOS image组件加载加载缓慢
799浏览 • 1回复 待解决
鸿蒙页的实现怎么实现?
5820浏览 • 1回复 待解决
加载FFMpeg后APP出现退
1115浏览 • 1回复 待解决
HarmonyOS 启动设置问题
850浏览 • 1回复 待解决
HarmonyOS TipsDialog可以加载
491浏览 • 1回复 待解决
HarmonyOS webview加载html string一直退
871浏览 • 1回复 待解决
HarmonyOS pad端设置启动
720浏览 • 1回复 待解决
HarmonyOS 如何自定义App冷启动的
2063浏览 • 1回复 待解决
ImageKnife无法加载网络jpeg
7238浏览 • 1回复 待解决
HarmonyOS 加载.json格式的动资源
929浏览 • 1回复 待解决
HarmonyOS 如何设置放截
1264浏览 • 1回复 待解决