微信小程序展示非同一主体视频列表,点击跳转播放视频号

张开发
2026/6/10 12:26:58 15 分钟阅读
微信小程序展示非同一主体视频列表,点击跳转播放视频号
前言临时来的新需求需要展示非同一主题下腾讯视频号一些视频列表点击可以跳转播放一、官方虽然官方已经解开非同一主体也可以跳转视频号的功能但是小程序中无法直接获取视频号的视频列表信息二、间接实现既然官方允许非同一主题微信小程序可以跳转到视频号那么现在就是小程序展示视频列表问题然后我想应该可以通过复制视频号分享的链接信息获取到视频号信息然后通过配置在代码中直接跳转过去类似跳转公众号平台然后查了下果然有这种方案三、实现步骤手动收集视频号视频信息标题、封面、feedId 等在小程序中展示预存信息前端或后端存储视频列表信息点击跳转视频号播放页【这里看公司可以单纯前端直接定义维护或者给到后端保存数据库请求获取视频列表…】!-- 视频列表 --viewclassvideo-listviewclassvideo-itemwx:for{{videoList}}wx:keyfeedIdbindtapgoPlayVideo>{{item.finderUserName}}>{{item.feedId}}!-- 视频封面 --imageclasscoversrc{{item.coverUrl}}modeaspectFill/image!-- 视频标题 --viewclasstitle{{item.title}}/view/view/viewPage({data:{// 这里手动配置 目标视频号的视频列表运营填写即可 videoList:[{title:视频标题1, coverUrl:https://xxx.jpg, // 视频封面图 finderUserName:sphxxxxxx, // 视频号ID feedId:xxxxxx// 视频ID},{title:视频标题2, coverUrl:https://xxx2.jpg, finderUserName:sphxxxxxx, feedId:xxxxxx}]}, // 点击跳转视频号播放 goPlayVideo(e){const findere.currentTarget.dataset.finder;const feede.currentTarget.dataset.feed;wx.openChannelsActivity({finderUserName: finder, feedId: feed, fail:(){wx.showToast({title:跳转失败, icon:none})}})}})总结1.手动从视频号里复制视频的封面、标题、ID 等信息存到数据库2.小程序展示这些视频列表用户点击后跳转到腾讯视频号页面播放不是在小程序内部直接播放。

更多文章