uniapp轮播图中展示视频
时间: 2023-08-24 07:07:01 浏览: 174
uni-app 自定义组件展示html富文本内容,可实现富文本html内容中 图片展示、视频播放、音频播放。
5星 · 资源好评率100%
在uniapp的轮播图中展示视频,可以通过使用cover-view标签来实现。首先,当swiper切换到视频时,可以使用cover-view展示视频的封面图,并设置一个点击事件,在点击时触发播放视频的功能。这样可以实现视频以动画的样式展示,无默认播放控件。同时,还需要取消自动轮播和手动滑动切换功能。当视频播放完毕后,可以重新开启自动轮播和手动滑动切换功能。这样可以在uniapp的轮播图中展示视频。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uniapp实现app端图片+视频轮播](https://blog.csdn.net/sk19969306105/article/details/126063059)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [uniapp APP端视频轮播问题](https://blog.csdn.net/weixin_45028704/article/details/126104092)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文