探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置:首页>小程序资讯
微信小程序 多个视频播放器
来源:南京小程序开发 发布时间:2023-08-24点击:111

大致思路就是,wx:for="{{ list }}"下两个view,一个视频video,另一个封面image(客户需求,要可以自定义封面)。
主要控制变量是playIndex,当点击封面时赋予当前点击的e.currentTarget.id,而id="{{ index }}"(index是微信wx:for自带的)。
在video加个wx:if,playIndex == index是判断条件,也就是说点击封面,对应的video的wx:if=true会渲染。

  • 上一篇:培训互动小程序开发
  • 下一篇:OBJECT 回调事件说明
  • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请?我们先了解下小程序开发的步骤流程:第一步,申请小程序账号并认证第二步,开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业,用打印机怎么操作才可以打印出来?Ⅴ信发来的文档、作业,不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了,然后用你的优化软件清理下系统缓存垃圾、注册列表,然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级,8 月 26 日起向开发者收费,这一组件能给用户使用带来哪些便利?
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-08-15
    苹果手机显示运行内存不足小程序无法使用
    操作步骤/方法苹果手机显示运行内存不足小程序无法使用随着智能手机的普及,越来越多的人开始使用手机进行···
    2023-08-28
    小程序帐号如何绑定微信支付商户号?
    一、功能介绍申请小程序支付时,需要小程序与微信商户号进行关联绑定,已有商户号的开发者可以绑定已有微信···
    2023-08-21
    计算机程序编写软件
    电脑编程软件都有哪些电脑编程软件主要有:BASIC、PASCAL、C、COBOL、FORTRAN、L···
    2023-08-07
    自己小程序商城开发怎么做
    请问一下怎么搭建小程序商城自己搭建小程序商城要怎么做?随着互联网信息技术的进步以及较高的买家预期使得···
    2023-09-06
    最详细的【微信小程序+阿里云Web服务】开发部署指引(十一):开发小程序设置功能
    前言案例的运行效果,可以扫码观看: 本篇文章,我们将实现一个增值功能,参数设置的功能。一、功能说明功···
    友情链接: 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发