微信小程序插入自己录的视频，不能播放，是黑屏

最新推荐文章于 2025-08-28 13:59:25 发布
原创 最新推荐文章于 2025-08-28 13:59:25 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序

本文讨论了在微信开发者工具中遇到的问题：能够成功上传自己手机录制的视频，但在编辑器中却无法正常播放，屏幕呈现为黑色。这可能是由于文件格式不兼容导致的。
部署运行你感兴趣的模型镜像

微信开发者工具中插入自己手机录的视频，能上传，但是不能播放，是黑屏，是文件无法在编辑器中显示。

ffe827e9d9334a059071dfc82830d9c5.png

 

您可能感兴趣的与本文相关的镜像

Wan2.2-T2V-A5B

Wan2.2-T2V-A5B

文生视频
Wan2.2

Wan2.2是由通义万相开源高效文本到视频生成模型，是有​50亿参数的轻量级视频生成模型，专为快速内容创作优化。支持480P视频生成，具备优秀的时序连贯性和运动推理能力

TNTfun
关注
微信小程序 - 解决video视频播放黑屏只有声音没有画面问题，使用Video标签无法播放视频失败只有声音、黑屏视频播放不了，安卓手机/苹果ios视频只有声音却没有画面（uniapp微信小程序也适用）
🏆 前端领域优质创作者
10-07 4561
微信小程序video有声音但是画面黑屏，uni-app微信小程序视频播放黑屏但是有音频，微信小程序video android真机或苹果ios系统中黑屏 只有声音没有画面，Uniapp微信小程序 Video MP4视频播放失败，只有声音，黑屏，视频播放不了，解决办法，解决小程序视频编码兼容性问题导致黑屏，出现黑屏但有声音的问题，video标签播放视频有声音，但是黑屏的原因及解决办法，mp4视频编码的问题，video标签播放视频有声音，但是黑屏。uniapp使用video标签无法播放视频出现黑屏问题处理，如何解
微信小程序video标签黑屏、不显示、无法播放视频
xioxiwang的博客
03-01 8162
微信小程序video标签不能播放视频：详情——>本地设置——>调试基础库设置为2.19.*即可。
微信小程序开发中的视频播放和直播功能
吃不胖.
09-29 2905
通过上述的案例，我们可以看到，微信小程序已经为视频播放和直播提供了比较完善的支持。同时，我们也需要注意到，直播功能涉及到更多的技术细节和难点，需要更加专业和系统的知识和技能。随着智能手机的普及和网络技术的发展，视频应用已经成为当今社交网络和移动应用中的重要组成部分。在小程序的开发工具中，我们可以直接拖拽这个组件到页面中，并设置src属性指定要播放的视频的URL地址。与视频播放相比，直播涉及到更多的技术问题和复杂性，需要更加专业的知识和技能。我们可以使用组件提供的API来控制视频的播放。
微信小程序 手机无法播放音频 InnerAudioContext音频 （开发者工具可以播放）
licy__的博客
06-26 2956
在开发者工具中，使用模拟器点击按钮可以播放音频。但是使用手机，在预览和真机调试中都无法播放音频。并且使用console.log都可以打印出音频在云存储中存储的地址。经过搜寻资料，查看微信小程序的官方文档： InnerAudioContext包含很多参数：经过尝试，发现autoplay默认设置为，在代码中设置 autoplay为true即可解决问题。修改后，代码片段如下：......
微信小程序开发使用video标签黑屏、不显示、无法播放视频
2303_76868290的博客
06-02 7211
一开始我是插入的的本地视频，但发现可能文件过大需要分片，比较麻烦。⑥然后，在微信小程序开发中对应的代码index.wxml文件中。②上传之后，等审核成功后，在个人中心打开视频，① 我们可以将视频上传到云端（比如好看视频）将刚复制的对应代码粘贴到对应src中即可。⑤ 复制“Video url”⑧然后重新编译一下就饿可以了。希望可以帮助大家解决问题。
小程序video无法正常播放
weixin_55666792的博客
06-05 2197
video无法正常播放
微信小程序插入视频
weixin_39418338的博客
07-11 3927
今天微信小程序开发一个视频功能，记录一下也分享！ <video style="height:240px;width:320px;" src="{{mapUrl}}"> </video>Page({ data: { mapUrl: "",//视频路劲 }, onLoad: function () { this.setData({//this.setData里面可以改变数据 mapUrl: "http://wxsnsdy.tc.qq.com/1...
scroll-video:scroll-video微信小程序视频上下滑动播放方案视频滑动播放的两种方案：Swiper + Video，使用Swiper插入视频进行视频播放，小程序v2.4.0起Video组件支持同层渲染，大体思路是保证一个视频组件，记录Swiper的电流，并对swiper-item的下标做比对，来比较当前索引和current是否一致，一致则展示Video组件。滑动效果比较好，还有优化的，怎么预加载，怎么大体思路是固定一个视频组件，将封面图平铺在视频组件上，根据手势滑动的范围，确定上滑或替换
03-23
微信小程序视频上下滑动播放方案 视频滑动播放的两种方案： Swiper + Video，使用Swiper合并视频进行视频播放，小程序v2.4.0起Video组件支持同层渲染，大体思路是保证一个视频组件，记录Swiper的电流，并与此swiper...
微信小程序一个页面多个视频（video组件），限制一个播放，其它暂停
12-09 5596
微信小程序一个页面多个视频（video组件），限制一个播放制一个播放，其它暂停 html <view class='videoBoxTitle'>视频列表</view> <!-- 循环端请求到的视频数据，每一个视频都需要有id(id='{{item.id}}')--> <block wx:for="{{videoListData}}" wx:index='index' wx:key='id'> <video class="myVi
微信小程序实现上传视屏并编辑
weixin_45695686的博客
05-03 2471
本文是实现用户上传视频并可以在线播放的功能，视频上传到云存储，并在云数据库中添加记录。 下面包含：1效果截图及截图说明，2实现步骤及源码。
插入本地视频是黑屏不能播放
06-26
### 微信小程序插入本地视频显示黑屏无法播放的解决方案 在微信小程序中插入本地视频时出现黑屏或无法播放的问题，通常与视频加载过程、兼容性以及页面渲染机制有关。以下是针对该问题的详细分析和解决方案： ####...
微信小程序优化视频播放方案：Swiper+Video实现滑动播放
资源摘要信息:"微信小程序视频上下滑动播放方案分为两种：一种是Swiper + Video方案，另一种是平移画方案。Swiper + Video方案是利用Swiper组件来插入视频，通过记录Swiper的当前索引并与swiper-item的下标做比对，...
小程序视频（video）播放不了
weixin_63456913的博客
01-12 5527
1、级别太低，事件点击不了。在高级别的元素的子元素上加。2、原因：URl加密了。在高级别的元素上添加。
微信小程序添加视频组件
江一铭
08-05 2534
wxml <View>1.播放网络视频</View> <view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e0020401288254
微信小程序插入视频video标签
祈澈菇凉
01-18 1万+
其实效果很简单，原理就是使用video标签，插入一段视频链接即可。 视频链接是在网站上找到的。 wxml &lt;video style="height:240px;width:320px;" src="{{mapUrl}}"&gt; &lt;/video&gt; js Page({ data: { mapUrl: "", ...
微信小程序添加视频video组件
yijiupingfan0914的博客
09-04 9932
小程序视频组件video标签  wxml &lt;View&gt;1.播放网络视频&lt;/View&gt; &lt;view &gt; &lt;video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280...
微信小程序预览无法播放视频
热门推荐
weixin_38848998的博客
10-10 1万+
微信小程序预览无法播放视频，但是用开发工具可以播放，真机调试也可以播放，是因为勾选了“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”吗？ ...
用录屏软件录制的视频，在微信开发者工具中的微信小程序中黑屏播放不了，判断是h264，h265格式的问题
最新发布
qq_45399948的博客
08-28 515
微信小程序不兼容H.265视频导致黑屏的解决方案：1)将H.265转码为H.264格式，推荐使用FFmpeg命令行工具、格式工厂软件或在线转码平台；2)避免使用QQ/微信录屏，改用手机直接录制；3)通过PR、PS等专业软件转码。关键是将视频编码转换为微信支持的H.264格式，确保小程序正常播放。
微信小程序实现多视频连续播放与自定义进度条
资源摘要信息:"微信小程序实现多个视频合并在一个播放器中顺序播放，并提供自定义视频播放进度组件的技术实现方法。" 知识点: 1. 微信小程序视频播放功能: 微信小程序提供了内置的video组件，用于播放视频文件。这...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值