微信小程序 video标签 ios不能播放视频或视频黑屏

最新推荐文章于 2024-06-02 00:39:37 发布
最新推荐文章于 2024-06-02 00:39:37 发布
阅读量1.2w 收藏 8
点赞数 6
分类专栏： 小程序 自我学习用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44513361/article/details/103629677
版权

首先用ios的浏览器打开视频的链接，看通过浏览器是否可以播放，如果可以则说明视频没问题。

注意视频的编码格式，再有就是，如果视频是直接存放在服务器上的，注意给出的视频路径不要存在中文，存在中文在ios中播放会出现黑屏的问题
在这里插入图片描述
ios支持三种，查看自己视频的对应编码格式是否在这三种之内，查看编码格式可以通过qq影音
在这里插入图片描述
使用qq影音打开视频，右键选择文件信息，然后点击编码信息即可查看
在这里插入图片描述
注意这里h264在ios上会出现黑屏的问题，所以需要通过格式工厂进行编码格式的转换
在这里插入图片描述
在这里插入图片描述

喜欢划水的咸鱼码畜
关注
  • 6
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 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=...
【微信小程序】video组件，ios无法播放视频
alikami的博客
01-25 1218
微信小程序的video组件，ios无法播放视频
阿里云oss存储视频加防盗链导致ios端微信小程序无法正常播放的问题
yizhousai0662的博客
03-25 770
阿里云oss存储视频加防盗链导致ios端微信小程序无法正常播放的问题
微信小程序开发使用video标签黑屏、不显示、无法播放视频
最新发布
2303_76868290的博客
06-02 627
一开始我是插入的的本地视频，但发现可能文件过大需要分片，比较麻烦。⑥然后，在微信小程序开发中对应的代码index.wxml文件中。②上传之后，等审核成功后，在个人中心打开视频，① 我们可以将视频上传到云端（比如好看视频）将刚复制的对应代码粘贴到对应src中即可。⑤ 复制“Video url”⑧然后重新编译一下就饿可以了。希望可以帮助大家解决问题。
微信小程序iOS视频播放开始黑屏问题
qq_35946021的博客
02-11 1435
custom-cache="false" 把这删了就可以了。iOS开始播放视频时会有几秒黑屏卡顿，然后才会流畅播放。而安卓手机就不会有黑屏，点击播放直接就可以播放视频了。这个属性就会让iOS开始播放就有几秒钟黑屏。在微信小程序播放视频时遇到个奇怪的问题。至于为什么想起要加这个属性是因为。后来发现我是加了一个。
微信小程序video标签黑屏、不显示、无法播放视频
xioxiwang的博客
03-01 3081
微信小程序video标签不能播放视频：详情——>本地设置——>调试基础库设置为2.19.*即可。
Uniapp Video MP4视频播放失败，只有声音，黑屏，视频播放不了，解决办法
max12133的博客
07-09 7895
uniapp video mp4播放失败解决办法
微信小程序 安卓正常播放视频 iOS无法播放 问题记录
wlor的博客
05-25 4924
开始一直以为是小程序这边兼容性问题 排查了多次 发现是服务端的原因 配置nginx即可 add_header Content-Type video/mp4;
微信小程序视频组件ios端出现视屏区域黑屏
lindali1115的博客
07-26 4329
微信小程序中自定义组件video在ios端会出现从展示页面切到另一个页面上再回到展示页面时会黑屏的情况。 解决思路：在app.js中获取手机类型并定义isApple的全局变量 -> 在video的组件中使用show和hidden生命周期，在页面出现的时候重新加载一次解决。 app.js页面 App({ onLaunch: function () { loginReq...
ios 微信端 video 标签 兼容问题
cllove_的博客
09-01 450
ios 微信端 video 标签 兼容问题
ios中video标签遇到的问题
qq_46617584的博客
02-22 1871
ios中video标签遇到的问题
微信小程序使用video组件播放视频功能示例【附源码下载】
08-28
主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的具体实现技巧,并附带源码供读者下载参考,需要的朋友可以参考下
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
10-15
主要介绍了微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
微信小程序在ios下Echarts图表不能滑动的问题解决
10-16
主要介绍了微信小程序在ios下Echarts图表不能滑动的解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,下面我们来一起学习下吧
微信小程序短视频触屏滚动播放，流畅度100%
09-07
1、功能主要实现：滚动视频播放视频、点赞、收藏、分享、售卖商品 2、已经功能实现，直接调用，引用数据即可，方便快捷 3、滚动流畅度比较舒服、采用swiper三div互相轮播，让滚动轮播图不会产生卡顿现象，加载分页，...
微信开发者工具黑屏【终极解决方案】
yihaisky的专栏
10-16 803
微信开发者工具黑屏【终极解决方案】 首先：设置屏幕分辨率为 256色，此时就可以看到开发者工具的界面了，之后可恢复分辨率设置。 第二步：关键操作 在设置中，将GPU加上勾选去掉。 结束完美解决了。 原因说明： 微信开发者工具默认开启了GPU加速。 ...
解决ios在微信内置浏览器中video播放的全屏问题
蓝色之恋love的博客
08-08 2873
video 标签在部分的安卓微信和iOS的微信浏览器上点击播放会默认全屏展示
video标签在iOS上无法播放解决思路及办法
热门推荐
xiaotianna110的专栏
10-08 1万+
3.safari浏览器，在打开视频的时候，先是发送一个请求探测文件的大小，之后再多次发送请求分段获取数据流的数据（个人理解大概是分段下载，Accept-Ranges）。2、经多次查找网上信息，发现使用后台能解决该问题，解决点在HTTP协议的响应头里面（Accept-Ranges）。其中source中的src为视频地址，这里用本地连接代替。6、source中的视频地址用次接口的视频地址，解决问题。项目需要，使用了video.js做视频播放。测试结果不太满意，ios还是无法播放。5、具体视频地址代码。
微信小程序video标签
08-27
微信小程序的video标签用于显示和播放视频资源。可以通过设置video标签的src属性来指定视频的资源地址。同时可以使用controls属性来显示播放控件，initial-time属性来指定视频的初始播放位置，autoplay属性来自动播放视频，muted属性来设置静音播放，object-fit属性来控制视频的大小和容器的适应方式。 然而，需要注意的是，在列表中直接使用video标签加载多个视频会导致页面卡顿。因此，建议在列表中使用封面图和播放小图标来显示视频元素，点击后再进行播放操作，以减少页面卡顿现象。 此外，对于腾讯视频的地址vkey是定时变化的，因此无法直接写死在程序中。需要通过后端抓取接口，过滤掉无用字符串，解析json，组合地址，然后将合适的视频地址通过接口返回给小程序video组件的src属性，以实现正常播放视频。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [微信小程序：video标签默认显示视频的第一帧作为封面](https://blog.csdn.net/mouday/article/details/118517724)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [微信小程序video组件调用腾讯视频的解析](https://blog.csdn.net/cj372835766/article/details/108417813)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值