关于使用Video组件实现在列表List组件中滑动到可见区域自动播放视频的问题
使用Video组件实现在列表List组件中滑动到可见区域自动播放视频的问题,实现代码如下:
if(this.centerIndex == this.currentIndex){
Video({
src: this.newsListData.videoUrl,
previewUri: this.newsListData.coverImg,
})
.autoPlay(true)
.loop(true)
.controls(false)
.objectFit(ImageFit.Contain)
.width(this.deviceWidth - 32)
.height(this.deviceWidth * 9 / 16)
.borderRadius(4)
}else{
Image(this.newsListData.coverImg)
.width(this.deviceWidth - 32)
.height(this.deviceWidth * 9 / 16)
.objectFit(ImageFit.Contain)
.borderRadius(4)
Image($r('app.media.detail_video_icon'))
.width(40)
.height(40)
}
监测滚动的index和Video组件所在的index对比,如果index相等,则使用Video组件播放视频,如果index不相等则用Image组件替换Video组件,但遇到问题就是列表滑动会卡顿,请问关于这个问题有更优化的解决思路吗?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 用GSYVideoPlayer三方库实现了列表中的视频播放,目前需要滑动到屏幕中心的视频,自动播放
407浏览 • 1回复 待解决
简易视频播放,如何使用video组件实现视频播放功能
959浏览 • 1回复 待解决
HarmonyOS Swiper组件是否支持子组件为Video组件,并且可以自动播放
386浏览 • 1回复 待解决
HarmonyOS h5webview下,如何让video视频自动播放?
221浏览 • 1回复 待解决
HarmonyOS List中不可见组件的预加载问题
238浏览 • 1回复 待解决
视频列表滑动中,如果刚完整进入可视区域,则进行播放,其他不在可视区域的停止播放
1805浏览 • 1回复 待解决
使用Video组件播放视频,当App切换到后台后再次返回如何让Video组件继续播放当前视频?
323浏览 • 2回复 待解决
HarmonyOS List组件如何监听滑动到底部?
488浏览 • 1回复 待解决
HarmonyOS tab嵌套横向list,如何实现list滑动到最右边就自动触发tab的滑动切换?
241浏览 • 1回复 待解决
在使用video组件时,为video添加本地视频播放源后,立刻播放,为什么会播放失败
527浏览 • 1回复 待解决
HarmonyOS使用Video组件播放视频会闪一下黑屏在播放
669浏览 • 1回复 待解决
如何设置List组件滑动到边缘无回弹效果
2340浏览 • 1回复 待解决
HarmonyOS Video组件支持读取播放相册内的视频吗?
162浏览 • 0回复 待解决
使用Video组件播放视频时,视频大小对准备时间有影响吗?
663浏览 • 1回复 待解决
HarmonyOS 如何实现打开弹窗后自动播放动画
338浏览 • 1回复 待解决
HarmonyOS 视频播放器Video播放在线视频问题
825浏览 • 1回复 待解决
List组件的页面复写了onMeasure/onLayout生命周期,数据列表不可见
1851浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS NEXT中为轮播图组件添加自动播放功能?
71浏览 • 1回复 待解决
如何实现List()组件的代码设置显示区域?
276浏览 • 1回复 待解决
#鸿蒙学习大百科#当使用list组件的时候想要设置滑动到底部的回弹,如何实现?
264浏览 • 1回复 待解决
组件可见区域变化事件onVisibleAreaChange踩过的坑
1007浏览 • 1回复 待解决
HarmonyOS Video组件如何播放图库内的某一个视频?
169浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS Next中实现一个自动播放的轮播图?
44浏览 • 1回复 待解决
#鸿蒙通关秘籍#使用HarmonyOS List组件实现影院列表展示
20浏览 • 1回复 待解决
list组件无法滚动到底部
1181浏览 • 1回复 待解决
1、如果list数据量过大,建议使用LazyForEach解决,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-rendering-control-lazyforeach-V5
2、如果加载网络视频资源较慢造成卡顿,请检查网络,并且建议 预解码或者预加载视频
可以参考以下demo: