视频播放页——视频播放组件

帅气的东哥 2023-01-12 14:18:52

课时名称	课时知识点
视频播放页——视频播放组件

...全文

100 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

uniapp 电商app商品详情页视频播放类似于上图的这种形式，商品视频是可以播放展示的。但是由于uniapp中的video组件的坑，导致视频永远在第一层，如果是商品轮播图中是视频与图片的集合，则视频永远都是在最上层，左右切换时是看不到图片的。最终的解决方法就是：在商品详情页面中还是图片的集合，在视频部分，是底图+播放按钮的组合。当点击此部分进行视频播放时，将视频全屏播放，只有当视频退出全屏播放时，再显示为图片。部分代码如下：遍历detail.meddias这个数组，里面可以渲染所有的图片或

原始需求：实现一个长列表页，列表中有视频和图文两种元素，未播放的视频上显示标题，在列表页点击视频后直接全屏播放。感觉问题不大，稳得一匹，毕竟小程序本身就有video组件，而视频播放源又是腾讯视频，优秀的腾讯视频甚至还封装了腾讯视频小程序播放插件。这个插件本身就是基于video组件的封装，用法差不多，不过腾讯视频上的内容只能通过这个插件进行播放。简单看一下用法： // 支持slot，用...

介绍松鼠短视频系统已经完全开源，请在遵循协议和各条款的情况下合法的使用本产品。前端目录songshu-vide-page 源码内容仅前端，并且此代码仅APP，仅考虑了APP的兼容和适配，没有考虑小程序和H5，额外单独做了有h5版本，后续再考虑是否开源，页面结构目录，其他内容参考uniapp官方说明文档。此处指讲解自定义的一些目录结构及组件，详细目录结构及其作用请参考UNIAPP官方文档 api index.js 请求后端的API接口文件，所有接口均在此处定义 common config.j

在移动端的开发过程中，涉及到了许多优秀的组件，在此记录下来，以供以后查询： 1、tab 页切换，支持左右滑动，通常结合 swiper 进行使用 https://github.com/ScoutYin/ly-tab 2、轮播图：vue-awesome-swiper https://blog.csdn.net/u012570307/article/details/107203851/ 3、分页滚动组...

如上图，视频播放列表有20个条目，当从第20条时继续上拉时，直到上拉完成才进行下一页的数据加载，产生了上图的跳动，极为影响用户体验。解决方式：翻看源码头文件，找到如下图所示属性在刷新方法的代码中为该属性设置一个偏移值，当上拉达到偏移值时，便开始加载数据 - (void)addFooterPreloadWithAutomaticallyRefresh:(BOOL)automa...

彩虹世界的课程社区_NO_1

1

社区成员

331

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章