解决小程序video控件在真机和上线后黑屏不播放问题

已于 2025-04-02 16:17:33 修改
阅读量543 收藏
点赞数 4
分类专栏： uniapp 文章标签： 小程序
于 2025-04-02 15:13:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_66071584/article/details/146947579
版权

小程序上线后，mp4格式的视频无法点击是黑屏，但是测试得时候在微信开发者工具中能够打开正常播放

原因：编码格式不能是vp9

微信开发者工具本地设置中把这个打开勾选。

排查：可以换一个视频尝试能不能真机播放，如果能，就说明原来不能播放的视频格式有问题

uniapp微信小程序 video 视频标签部分真机播放视频出现黑屏问题解决方案
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-01 2049
uniapp 微信小程序 `video` 视频标签部分真机播放视频出现黑屏问题解决方案 小程序video播放不了黑屏 只有声音没有图像怎么办 解决方法 uniapp的video视频标签播放不了
小程序 video 组件在真机上固定在顶部样式失效
qq_45770253的博客
12-31 971
这篇文章，是我在开发小程序的时候，在一个页面中想要实现，上面是一个固定的视频区域，下面试可以滚动的其他信息区域。但是小程序的 video 标签，使用 fixed 或者是 sticky 进行定位在顶部后，在真机上测试会有问题。下面我就来解决这个问题 目录 文章目录目录1、概述2、解决方法 1、概述        我想做的样式是，让 mv 视频固定在页面的顶部，下面的信息区域可以进行上下滚动，但是如果直接渲染的话会存在问题，在真机上调试，.
解决小程序video控件在真机黑屏问题
01-05
解决小程序video控件在真机播放时视频黑屏问题，下载后执行如下命令： mp4box.exe -inter 500 -isma -hint 123.mp4
微信小程序开发使用video标签黑屏、不显示、无法播放视频
2303_76868290的博客
06-02 6241
一开始我是插入的的本地视频，但发现可能文件过大需要分片，比较麻烦。⑥然后，在微信小程序开发中对应的代码index.wxml文件中。②上传之后，等审核成功后，在个人中心打开视频，① 我们可以将视频上传到云端（比如好看视频）将刚复制的对应代码粘贴到对应src中即可。⑤ 复制“Video url”⑧然后重新编译一下就饿可以了。希望可以帮助大家解决问题。
微信小程序无法看视频
weixin_34192732的博客
10-23 4874
最近下了一个微信小程序，上面有好些视频都很想看，但是发现微信都无法打开。一开始怀疑网络原因，换了网络还是无法解决。 最后发现是小米系统的原因，我的微信是自己去官网下载安装的，如果把微信删掉，用小米自带的应用商店里的微信，就能够打开小程序里的视频。 不知其中原因。 转载于:https://www.cnblogs.com/yiwufang/p/9834095.html...
微信小程序iOS视频播放开始黑屏问题
qq_35946021的博客
02-11 1859
custom-cache="false" 把这删了就可以了。iOS开始播放视频时会有几秒黑屏卡顿，然后才会流畅播放。而安卓手机就不会有黑屏，点击播放直接就可以播放视频了。这个属性就会让iOS开始播放就有几秒钟黑屏。在微信小程序播放视频时遇到个奇怪的问题。至于为什么想起要加这个属性是因为。后来发现我是加了一个。
微信小程序video标签黑屏、不显示、无法播放视频
xioxiwang的博客
03-01 7087
微信小程序video标签不能播放视频：详情——>本地设置——>调试基础库设置为2.19.*即可。
微信小程序video第一页数据如果展示video视频列表,然后点击进入下一个页面查看详情视频播放，会黑屏
iorn_mangg的博客
09-07 1778
小程序第一面页面是个列表页面，每个item都有一个动态赋值src的video标签。然后点击进入下一个页面，播放视频第一次进去会黑屏，退出页面再次进入就能正常播放了，这个问题困扰了我一个星期！！！ 把列表的video换成一个图片，反正不要用video就可以了。不建议使用video标签在列表这种只是展示的页面中，会浪费很多资源和流量。 ...
修复小程序video控件视频黑屏：解决方案及工具介绍
标题“解决小程序video控件在真机黑屏问题”涉及到在移动端设备上（主要是指智能手机或平板电脑等真机设备），小程序中嵌入的视频播放控件无法正常显示视频内容，导致用户只能看到一个黑色的屏幕。这类问题通常发生...
微信小程序使用video组件播放M3U8视频卡顿
01-20
微信小程序中使用video组件播放m3u8直播视频，在ios的真机预览里点击video中间的播放容易卡几十秒，此时什么都做不了，手机也非常非常卡。 我的解决办法是在视频video组件里加入custom-cache={{false}} autoplay=...
微信小程序 video视频android无法播放
^璐三岁要耍蓅氓♡
06-16 3613
服务器Apache2.4，原因是微信小程序对gzip压缩支持的问题。解决办法是在Apache配置文件中找个空白的地方加上一行： SetEnvIfNoCase Request_URI .(?:gif|mp4)$ no-gzip dont-vary ...
Uniapp 视频播放器运行到微信小程序后黑屏解决
qq_42516774的博客
08-17 1545
发现这个之后，我开启本地服务器，然后将资源放到服务器上，通过http的url路径就可以使视频正常播放了。
小程序video组件在开发者工具可以播放，在手机上无法播放问题终极解决方案
热门推荐
吾生也有涯，而知也无涯
11-22 1万+
如果你的服务器是Apache2.4，不是的请绕行！ 究其根本原因：就是apache没有配置mp4视频不要进行gzip压缩。 在apache的配置文件中加一行：SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png|zip|mp4)$ no-gzip dont-vary再重启apache就可以了。
解决live-player播放黑屏无响应
w1426154928的博客
08-03 3059
这两天公司让我用uniapp写一个小程序，用于安卓，ios，微信三端发布，自己也是第一次用（之前一直是写web的），有一个播放直播流的功能，查了半天说是要使用live-player，给了后端的播流地址，却一直没响应黑屏，播放器也没有返回任何错误信息，就卡了好久。（注：个人用户是开不了live-player的，必须是公司或企业，里面有详细说明，第一次开通需要等待几分钟到几个小时，liveplayer才能正常使用）后来也是在配置消息推送服务的时候，才发现需要在Hbuildx中，也需要。小程序开发详情中也要加。
微信小程序开发中的视频播放和直播功能
最新发布
qq_67153941的博客
06-06 693
通过以上步骤，可以实现微信小程序中的视频播放和直播功能。在实际开发中，可以根据具体需求对视频播放器和直播组件进行样式和功能的定制。同时，还可以结合微信小程序的其他能力，如登录、支付等，来实现更复杂的视频播放和直播功能。微信小程序开发中的视频播放和直播功能是非常重要的，本文将详细介绍如何实现这两个功能。标签实现视频播放功能的基本步骤。以上就是实现直播功能的基本步骤。属性用于显示视频控制按钮。在微信小程序中，可以使用。标签来实现视频播放功能。属性用于指定推流模式。属性用于指定播放模式。一、视频播放功能开发。
微信小程序添加视频video组件
yijiupingfan0914的博客
09-04 9665
小程序视频组件video标签  wxml <View>1.播放网络视频</View> <view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280...
【解决】uniapp使用video标签在浏览器调试正常，安卓真机、手机上显示小黑块，无法正常显示
huangfuyk.的博客
08-24 6525
uniapp使用video标签播放视频
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值