微信小程序iOS视频播放开始黑屏问题

已于 2023-02-11 09:31:04 修改
阅读量1.4k 收藏 1
点赞数
分类专栏： 微信生态开发 文章标签： 小程序 Powered by 金山文档
于 2023-02-11 09:24:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35946021/article/details/128980134
版权

在微信小程序播放视频时遇到个奇怪的问题

iOS开始播放视频时会有几秒黑屏卡顿，然后才会流畅播放

而安卓手机就不会有黑屏，点击播放直接就可以播放视频了

后来发现我是加了一个

:custom-cache="false"

这个属性就会让iOS开始播放就有几秒钟黑屏

:custom-cache="false" 把这删了就可以了

至于为什么想起要加这个属性是因为安卓播放视频卡顿

但是不加 ，这个属性会让iOS手机第一次播放视频会有几秒黑屏问题

所有要做兼容iOS和安卓手机判断

三线码工
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
解决小程序video控件在真机黑屏问题
01-05
解决小程序video控件在真机播放时视频黑屏问题，下载后执行如下命令： mp4box.exe -inter 500 -isma -hint 123.mp4
微信小程序使用video组件播放M3U8视频卡顿
01-20
微信小程序中使用video组件播放m3u8直播视频，在ios的真机预览里点击video中间的播放容易卡几十秒，此时什么都做不了，手机也非常非常卡。 我的解决办法是在视频video组件里加入custom-cache={{false}} autoplay=true，禁缓存，开启自动播放，也符合使用场景，因为这种类似的m3u8多是像萤石云这种直播使用，视频本身就是没声音的，自动播放并不会影响用户使用，可以在页面中方格view给video，点击全屏时候视频全屏即可。 华生c
uniapp微信小程序视频播放卡顿
m0_55258023的博客
10-24 4058
uniapp微信小程序视频播放卡顿
微信小程序开发使用video标签黑屏、不显示、无法播放视频
最新发布
2303_76868290的博客
06-02 977
一开始我是插入的的本地视频，但发现可能文件过大需要分片，比较麻烦。⑥然后，在微信小程序开发中对应的代码index.wxml文件中。②上传之后，等审核成功后，在个人中心打开视频，① 我们可以将视频上传到云端（比如好看视频）将刚复制的对应代码粘贴到对应src中即可。⑤ 复制“Video url”⑧然后重新编译一下就饿可以了。希望可以帮助大家解决问题。
使用Jave转换音视频格式（网页有声音没图像，小程序不能播放问题）
neilhan19861024的博客
03-16 1133
小程序的video标签API说是支持H264格式。经过测试，发现实际支持H264（Main），不支持H264（High）。H264 （Main）可以正常播放，但H264（High）不行。用户上传不能正常播放的mp4文件编码格式为 hevc，即H.265格式。用户在PC后端上传的mp4格式的视频文件，在PC端只有声音没有图像，在小程序端完全不能播放。可以看到文件已经转换成h264 (Main) 格式，这种格式可以兼容PC网页和小程序。如果是h264 (High)，则小程序端不能播放，PC页面可以正常播放。
微信小程序之video
敲门的小白
09-11 4600
微信小程序之video 一．video组件播放时会出现卡顿:加custom-cache=“{{false}}”属性 二．、1.默认显示封面； 2.一个视频播放的时候，其他视频停止播放，并显示封面。 解决问题思路： 1.通过wx:if判断当前视频是否是播放的状态，如果是就显示视频，如果不是就隐藏视频； 2.点击封面的时候，获取到该视频的id，进行判断，如果当前没有视频播放...
微信小程序video第一页数据如果展示video视频列表,然后点击进入下一个页面查看详情视频播放，会黑屏
iorn_mangg的博客
09-07 1637
小程序第一面页面是个列表页面，每个item都有一个动态赋值src的video标签。然后点击进入下一个页面，播放视频第一次进去会黑屏，退出页面再次进入就能正常播放了，这个问题困扰了我一个星期！！！ 把列表的video换成一个图片，反正不要用video就可以了。不建议使用video标签在列表这种只是展示的页面中，会浪费很多资源和流量。 ...
#小程序# 如何解决video视频在ios里出现黑屏？
ZHENGCHUNJUN的博客
12-12 6732
1、遇到的bug: 小程序里面的视频，在安卓手机里面可以正常播放及显示，在ios里就是黑屏显示 <以下为ios里> 2、解决办法： 首先可以看下后端给的视频， 里面有没有存在中文，如果存在中文就会在ios中播放会出现黑屏问题 接着也可以查看路径有没有出错， 用ios的浏览器打开视频的链接，看通过浏览器是否可以播放，如果可以则说明视频没问题 ...
微信小程序 video标签 ios不能播放视频或视频黑屏
热门推荐
weixin_44513361的博客
12-20 1万+
首先用ios的浏览器打开视频的链接，看通过浏览器是否可以播放，如果可以则说明视频没问题。 注意视频的编码格式， ios支持三种，查看自己视频的对应编码格式是否在这三种之内，查看编码格式可以通过qq影音 使用qq影音打开视频，右键选择文件信息，然后点击编码信息即可查看 注意这里h264在ios上会出现黑屏的问题，所以需要通过格式工厂进行编码格式的转换 ...
微信小程序 video视频android无法播放
^璐三岁要耍蓅氓♡
06-16 3483
服务器Apache2.4，原因是微信小程序对gzip压缩支持的问题。解决办法是在Apache配置文件中找个空白的地方加上一行： SetEnvIfNoCase Request_URI .(?:gif|mp4)$ no-gzip dont-vary ...
Uniapp 视频播放器运行到微信小程序后黑屏解决
qq_42516774的博客
08-17 1126
发现这个之后，我开启本地服务器，然后将资源放到服务器上，通过http的url路径就可以使视频正常播放了。
微信小程序 iOS计算器（截图+源码）
05-11
微信小程序 iOS计算器（截图+源码）微信小程序 iOS计算器（截图+源码）微信小程序 iOS计算器（截图+源码）微信小程序 iOS计算器（截图+源码）微信小程序 iOS计算器（截图+源码）微信小程序 iOS计算器（截图+源码）...
微信小程序、在线视频播放
05-26
在微信小程序中实现在线视频播放功能，是许多开发者和企业的需求，它可以让用户无需下载安装应用即可享受流畅的视频观看服务。下面将详细阐述如何在微信小程序中构建一个在线视频播放的功能。 首先，我们需要了解...
微信小程序短视频触屏滚动播放，流畅度100%
09-07
1、功能主要实现：滚动视频播放视频、点赞、收藏、分享、售卖商品 2、已经功能实现，直接调用，引用数据即可，方便快捷 3、滚动流畅度比较舒服、采用swiper三div互相轮播，让滚动轮播图不会产生卡顿现象，加载分页，...
省钱兄短剧短视频视频滑动播放模块源码支持微信小程序h5安卓IOS
10-30
标题中的“省钱兄短剧短视频视频滑动播放模块源码支持微信小程序h5安卓IOS”表明这是一个用于开发视频播放功能的源代码库，它适用于多种平台，包括微信小程序、HTML5（h5）以及Android和iOS移动操作系统。...
微信小程序播放视频 禁止快进.docx
11-12
小程序播放视频 禁止快进 很简单的方法 一看就懂
解决微信小程序视频加载过多黑屏问题
m0_46365130的博客
01-03 1729
【代码】解决微信小程序视频加载过多黑屏问题。
电脑版微信聊天记录和小程序视频播放黑屏，但有声音，qq和其浏览器视频播放正常。如何解决？
weixin_45807742的博客
09-20 4581
电脑版微信聊天记录和小程序视频播放黑屏
微信小程序播放视频黑屏
04-19
微信小程序播放视频黑屏可能有多种原因导致，以下是一些可能的解决方法： 1. 检查视频链接：确保视频链接是有效的，并且可以在其他平台上正常播放。如果链接无效或视频文件损坏，可能会导致黑屏。 2. 检查网络连接：如果网络连接不稳定或速度较慢，可能会导致视频加载缓慢或无法加载。请确保您的网络连接正常，并尝试在其他网络环境下播放视频。 3. 检查视频格式：微信小程序支持的视频格式有限，只支持部分常见的视频格式，如MP4、FLV等。请确保您的视频文件符合微信小程序的要求。 4. 检查代码逻辑：请检查您的代码逻辑是否正确，包括视频组件的使用方法、参数设置等。确保您没有遗漏任何必要的配置或操作。 5. 更新微信版本：有时，微信小程序播放视频黑屏问题可能是由于微信版本过旧导致的。请尝试更新微信到最新版本，看是否能够解决问题。 如果以上方法都无法解决问题，建议您查看微信小程序开发文档或向微信官方技术支持寻求帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三线码工

码字不易，有钱打赏，没打钱点赞

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值