【微信小程序】video组件，ios无法播放视频

已于 2024-04-16 16:13:15 修改
阅读量972 收藏 6
点赞数 10
分类专栏： 小程序 文章标签： 音视频 微信
于 2024-01-25 16:35:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alikami/article/details/135848019
版权

安卓和开发工具都可以播放视频，唯独ios不能。在网上看了好多答案，有说编码问题的，有说加载问题的。。。都试过了，发现无用。

最后经过排查，就是接口返回的地址有问题。。。

= - = （想打死后端，他把 .mp4 的后缀给删了）

返回的地址：

https://....../video/course/720e6a5d4c064ff6b39433b9ccfb7bac

改成这样就可以播放了：

https://....../video/course/720e6a5d4c064ff6b39433b9ccfb7bac.mp4

alikami
关注
  • 10
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
10-15
主要介绍了微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
苹果手机小程序播放不了视频
sunsijia21983的博客
11-11 1958
我们是使用的保利威播放的视频，更换了小程序插件播放视频，提示视频加载失败。 经过排查发现是视频录制的方式不同导致的 ios设备只支持逐行扫描的视频 PAL制式是隔行扫描，NTSF制式是逐行扫描 后续是视频服务商从后台给我们的视频更改了制式，就可以正常播放了 ...
微信小程序 video标签 ios不能播放视频或视频黑屏
weixin_44513361的博客
12-20 1万+
首先用ios的浏览器打开视频的链接，看通过浏览器是否可以播放，如果可以则说明视频没问题。 注意视频的编码格式， ios支持三种，查看自己视频的对应编码格式是否在这三种之内，查看编码格式可以通过qq影音 使用qq影音打开视频，右键选择文件信息，然后点击编码信息即可查看 注意这里h264在ios上会出现黑屏的问题，所以需要通过格式工厂进行编码格式的转换 ...
阿里云oss存储视频加防盗链导致ios端微信小程序无法正常播放的问题
最新发布
yizhousai0662的博客
03-25 626
阿里云oss存储视频加防盗链导致ios端微信小程序无法正常播放的问题
微信小程序 video播放map4，安卓可以 ios无法播放问题
葡萄要吃山竹的博客
06-17 2100
问题描述：视频播放安卓可以，但是用苹果打开，显示为黑屏。 但是如果是静态视频，苹果也可以显示。 程序中的视频是请求后台接口获得，以视频流形式获取。ios需要预下载，然后再赋值给video 使用...
小程序：播放视频
snowball的博客
09-26 4159
短板三、虽然之前做过直播和短视频的业务，现在看来对视频播放相关内容了解也是少；至此，问题得到解决，但是排查的时候暴露了很多技术短板，短板一、对http相关内容了解还是少；短板二、对后端知识了解也不够；解决：需要使用服务器地址。
小程序视频（video）播放不了
weixin_63456913的博客
01-12 4244
1、级别太低，事件点击不了。在高级别的元素的子元素上加。2、原因：URl加密了。在高级别的元素上添加。
微信小程序video组件播放不了
热门推荐
老四的博客
12-04 2万+
微信小程序视频播放不了
小程序 video 组件播放本地视频（黑屏无法播放，报错：MEDIA_ERR_SRC_NOT_SUPPORTED）
卡尔特斯
11-26 9995
小程序播放本地视频，黑屏无法播放，报错：MEDIA_ERR_SRC_NOT_SUPPORTED <video src="../assets/temp.mp4" 解决办法：将视频文件丢到服务器进行链接访问，其他方法暂时无解，等微信官方修复。
Video 标签无法播放 mp4 的原因和解决办法
皮蛋很白的博客
02-24 1万+
用 QQ 的截图录屏功能录制的 mp4 视频，无法用 video 标签正常播放
小程序video标签在（华为手机）无法播放.mp4长视频（ios上正常）
weixin_61877032的博客
03-02 2783
微信小程序video标签在（华为手机）无法播放.mp4长视频（ios上正常）
部分mp4格式视频无法在ios系统播放
weixin_42913264的博客
01-14 5228
目录部分mp4格式视频无法在ios系统播放问题描述阶段排查解决问题 部分mp4格式视频无法在ios系统播放 环境：微信公众号网页 问题：video 标签 mp4 格式视频无法在 ios 端播放 问题描述 Android 端正常播放，但在 ios 端播放异常 (描述：海报帧正常展示，紧接着展示上图)。 阶段排查 更换视频名称，播放异常 更换相同格式 (mp4) 视频源，正常播放 更换 video 标签属性，播放异常 切换回播放异常的视频源，用事件监听 video 标签状态，发现在 playing 阶段
微信小程序使用video组件播放视频功能示例【附源码下载】
08-28
主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的具体实现技巧,并附带源码供读者下载参考,需要的朋友可以参考下
微信小程序video组件列表播放视频wxvideos-master.zip
09-25
微信小程序video组件列表播放视频wxvideos-master.zip
微信小程序 video组件详解
01-20
主要属性： 效果图： ml: <View>1.播放网络视频</View> <view> <video style=width: 100%;height=400px;margin:1px; src=http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230
微信小程序使用video组件播放M3U8视频卡顿
01-20
微信小程序中使用video组件播放m3u8直播视频，在ios的真机预览里点击video中间的播放容易卡几十秒，此时什么都做不了，手机也非常非常卡。 我的解决办法是在视频video组件里加入custom-cache={{false}} autoplay=...
解决小程序安卓设备android可以播放在线网络视频 ,苹果ios设备无法播放视频 ,
树
05-16 3037
问题: 小程序上,android设备可以正常播放在线网络视频 , 但是ios设备无法正常播放. 原来是因为ios设备加载视频的时候和android不一样导致的, ios会分段去请求相应的字节区间 , 而android支持一下全部请求 所以后台这块就可以分流返回视频流 @RequestMapping(value = "/videoPlayer", method = RequestMethod.GET) public void player2(HttpServletRequest reque.
微信小程序 - 同一页面存在多个video时，video无法正常播放一直在加载转圈解决方案
Aan___的博客
12-05 1677
注：不建议同个页面使用多个video组件，建议不超过3个video，如果要实现video列表功能，请进行优化（image列表，选中时将image替换成video)2. 条件判断视频的 id 等于 播放视频的 id 时 在将视频展示，不一致时显示图片。1. 防止视频封面与图片不一致，使用 poster 属性修改视频封面为图片封面。3. 为图片设置点击事件，用于切换视频进行播放。
微信小程序video组件播放本地视频
06-01
要在微信小程序中使用video组件播放本地视频，需要将视频文件放置在小程序的目录中，然后在wxml文件中使用video组件，并设置src属性为本地视频文件的路径。例如： ``` <video src="/video/test.mp4"></video> ``` 其中，/video/test.mp4为视频文件的路径，可以根据实际情况进行修改。需要注意的是，小程序中的本地视频文件大小不能超过50MB。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值