轮播试的视频，滑动暂停上一个播放视频

最新推荐文章于 2023-07-10 15:11:39 发布

有梦想的程序猿

最新推荐文章于 2023-07-10 15:11:39 发布

阅读量1.1k

点赞数 1

分类专栏：大前端

本文链接：https://blog.csdn.net/weixin_38694789/article/details/113175814

版权

大前端专栏收录该内容

38 篇文章

订阅专栏

本文介绍如何在微信小程序中实现视频轮播效果，当用户滑动到下一个视频时，当前视频会自动暂停。主要通过wx.createVideoContext()方法来控制视频播放状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序实现轮播式的视频，滑动下一个视频，上一个视频暂停的实现，重要属性：wx.createVideoContext()

//监听轮播滑动的事件
<swiper  bindchange="swiperChange"></swiper>

// 滑动后暂时视频播放
swiperChange(e) {
    //只有1和4有视频的
    let arr= ["1","4"]
    //停止正在播放的视频
    arr.forEach(element => {
        var videoContextPrev = wx.createVideoContext(element)
        videoContextPrev.pause();
    });
},