在微信小程序中,如果一个页面内包含多个视频组件 video,不加控制的话,就会出现多个视频同时播放的情况。
目前,这个“bug”,没有很好的解决方案。普遍采用的方式,就是在页面内加一个变量,记录当前正在播放的视频,当要播放其他视频时,把上一个视频暂停。因为是“基于页面的”办法,所以在所有可能出现多个视频的页面,都需要照做一遍……
//视频播放事件
bindplay(e) {
//这里的videoid是视频的id
let videoid = e.currentTarget.id;
if (this.videoid !== videoid && this.videoContext) {
//关闭上一个播放的视频
this.videoContext.stop();
}
this.videoid = videoid;
//创建控制视频标签的实例对象
this.videoContext = wx.createVideoContext(this.videoid, this);
}
或可尝试,自定义组件给 video组件加一个壳,然后在壳内解决这个问题。这个方案麻烦的是 video 组件属性方法众多,壳要做的事情不免有点啰嗦麻烦……
-
小程序如何实现文字长按复制小程序如何实现文字长按复制
-
微信小程序如何隐藏左上角首页按钮微信小程序如何隐藏左上角首页按钮
-
追格小程序帖子评论如何改成未审核仅限自己查看追格小程序帖子评论在未审核的情况,前端所有人都不可见,仅管理在后台可见。若我们想改成未审核仅限自己查看,可以按照以下方法修改。
-
追格商城小程序v1.3.6 新增热门搜索功能追格商城小程序v1.3.6 新增热门搜索功能
-
追格小程序登录提示"授权失败"的解决办法近期追格小程序客户反馈,说追格小程序登录提示"授权失败",这种情况一般都是appid未设置导致,不妨按下面方式检查一下。
-
追格小程序用户隐私保护设置教程追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
暂无评论,抢个沙发...