HarmonyOS video设置加载图闪屏

HarmonyOS video设置加载图闪屏。

HarmonyOS
2024-10-16 10:06:41
浏览
收藏 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) })   
    }   
  }   
}
分享
微博
QQ
微信
回复
2024-10-16 16:52:13
相关问题
HarmonyOS 哪里配置页面
22浏览 • 1回复 待解决
HarmonyOS video如何横播放?
309浏览 • 1回复 待解决
鸿蒙页的实现怎么实现?
4750浏览 • 1回复 待解决
加载FFMpeg后APP出现退
175浏览 • 1回复 待解决
HarmonyOS pad端设置启动
67浏览 • 1回复 待解决
HarmonyOS Video组件能否设置自定义header
336浏览 • 1回复 待解决
HarmonyOS 加载.json格式的动资源
501浏览 • 1回复 待解决
ImageKnife无法加载网络jpeg
6588浏览 • 1回复 待解决
HarmonyOS 如何设置放截
336浏览 • 1回复 待解决
设置飞行模式,屏幕找
4253浏览 • 1回复 待解决
Image组件如何设置默认
1033浏览 • 1回复 待解决
HarmonyOS 设置冷启动的背景
401浏览 • 1回复 待解决
HarmonyOS APP可以直接设置启动吗?
732浏览 • 1回复 待解决
HarmonyOS如何设置页面整
252浏览 • 1回复 待解决