微信小程序选择视频，获取封面缩略图

最新推荐文章于 2025-01-01 15:19:29 发布

qiqi_rock_real

最新推荐文章于 2025-01-01 15:19:29 发布

阅读量8.1k

点赞数 4

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/qiqi_rock_real/article/details/107611611

版权

本文介绍如何在微信小程序中选择并上传视频，同时获取视频封面。通过使用wx.chooseMedia API，可以轻松实现视频的选择及缩略图的返回，为用户提供更完整的视频预览体验。

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

使用微信小程序选择视频上传，且获取其封面

背景

又一活儿，要从小程序里选择视频，上传之后呢，要展示其封面，点击封面要能播放视频。
经常看到网上好多人在说，小程序为什么没有缩略图？
其实有可能是用错了小程序的api：注意：
wx.chooseMedia：有缩略图返回
wx.chooseVideo：无缩略图返回

说两遍：
wx.chooseMedia：有缩略图返回
wx.chooseVideo：无缩略图返回

名词

1：文中“小程序“，仅指微信小程序；
2：腾讯云对象存储COS：以下简称cos；

参考

1：小程序sdk说明文档：选择媒体：https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html
https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseMedia.html
2：微信COS，关于小程序的api：
https://cloud.tencent.com/document/product/436/31953

效果图展示

Alt
图中，选择视频，从本地视频库中选择一条视频，选中之后，视频控件，展示视频。
vedio.wxml

  <view class="usermotto_1">
   <button style="background:blue;color:#fff;" bindtap="uploadVedioFile">选择视频</button>
  </view>

   <view>   
   <video 
      id="myVideo" 
      src="{
    {imgFileLocalPath}}" 
      binderror="videoErrorCallback" 
      danmu-list=

最低0.47元/天解锁文章