uniapp video真机调试黑屏问题

最新推荐文章于 2024-06-22 16:09:00 发布
最新推荐文章于 2024-06-22 16:09:00 发布
阅读量1.2k 收藏 3
点赞数 1
分类专栏： 微信小程序 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44718932/article/details/130051302
版权

添加custom-cache为false即可

<video :src="item.videos" :custom-cache="false"></video>

原理：关闭自定义缓存，解放vx原有缓存容量，使用系统缓存。完美解决！

PENG越
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
uniapp - 使用 ＜video＞ 播放视频黑屏，浏览器控制台报错： DOMException: The element has on supported sources.（详细完美解决方案）
高级前端工程师
04-13 1万+
uniapp video 视频播放黑屏，uniapp 报错DOMException: The element has on supported sources.，uniapp如何解决DOMException: The element has on supported sources.，uniapp使用video标签无法播放视频出现黑屏问题处理，uniapp解决video视频黑屏显示0秒，并且浏览器报错DOMException: The element has on supported sources.，un
解决小程序video控件在真机黑屏问题
01-05
解决小程序video控件在真机播放时视频黑屏问题，下载后执行如下命令： mp4box.exe -inter 500 -isma -hint 123.mp4
uni微信小程序 部分安卓用户播放视频有声音无画面问题
m0_60010733的博客
09-26 736
video组件支持的视频格式： 支持的视频编码格式： 我们的视频是mov，将视频转成mp4后仍然不能正常播放，经过对比发现不能播放的视频均为HEVC编码格式，部分老旧机型不支持HEVC，HEVC对硬件要求较高，所以兼容性较差，编码格式转为AVC（H.264）后所有用户视频正常播放
uniapp写H5公众号使用video视频封面黑屏 ios第一次点击放大预览黑屏！！！！ios自动播放----------解决
最新发布
weixin_69666355的博客
06-22 434
直接运行到外部浏览器中查看，发到线上H５一样可以播放　但是没有封面。2.如果uniapp内置浏览器播放黑屏(会有这样的情况无解)ios想要自动播放生效就必须静音。3.H5页面video没有封面。poster封面属性即可。
uniapp使用video标签无法播放视频出现黑屏问题处理
热门推荐
一个超爱喝可乐的web前端攻城狮
03-31 1万+
【代码】uniapp使用video标签无法播放视频出现黑屏问题处理。
uniapp -＞video 黑屏 无时长（新手容易遇到的坑）
妄梦久挽的博客
11-08 4568
注意注意 视频引入黑屏，不能看到时长的问题
【解决】uniapp使用video标签在浏览器调试正常，安卓真机、手机上显示小黑块，无法正常显示
huangfuyk.的博客
08-24 4116
uniapp使用video标签播放视频
uniapp开发h5端使用video播放mp4格式视频黑屏，但有音频播放解决方案
stars______的博客
04-10 1722
mp4格式视频有一些谷歌播放视频黑屏，搜狗浏览器可以正常播放。第二步：点击添加文件选择想要转换编码的mp4格式视频文件。第四步：视频编码选择为h264，然后点击右下角确定。完成后文件夹里就有转码成功后的视频文件了。第六步：此时已经有一条视频，点击开始。如果是自己手动上传文件可以手动转换。如果是后端上传就需要后端去转换。第三步：点击右上角输出配置。第五步：再点击右下角确定。
uniapp video视频层级过高 遮挡顶部导航 页面弹窗 使用原生子窗体解决问题
05-30
在uniapp项目中 video层级过高 页面滑动时 遮挡顶部导航 或者页面有弹窗效果 视频同时也会遮挡弹窗 使用subNVues 解决此问题 pages.json 中 配置{ "path": "pages/index/index", "style": { ...
解决uniapp开发抖音小程序video-player覆盖问题，超详细教程，前端相关操作，已成功上线产品
03-28
在uniapp框架中进行抖音小程序开发时，可能会遇到video-player组件覆盖问题，这通常是由于布局、样式冲突或者组件配置不当导致的。本教程将详细解析如何解决这一问题，并且已经成功应用于上线产品，确保方法的有效性...
解决video标签在安卓webview下无法自动播放问题
09-04
在Android平台上，Web开发人员经常会遇到一个问题，那就是`<video>`标签在WebView中无法自动播放。这主要是由于Android系统的安全性和用户体验考虑，防止媒体内容在未经用户交互的情况下自动播放，可能会消耗流量或...
uniapp subNvue 写的视频播放
11-03
在uniapp项目中，我们首先需要创建一个subNvue文件，通常命名为`video-player.vue`。在这个文件中，我们可以编写专门处理视频播放的代码，包括视频源的加载、控制栏的布局、播放状态的管理等。 3. **视频播放器...
uni-app使用video组件碰到的一系列问题记录
Wehter的博客
03-05 2560
第一，网速慢，获取不了视频，真机调试播不了，但是浏览器是可以的 <view class="card" v-for="(item,index) in videolist" :key='index'"> success: (res) => { console.log(res,'res.data'); var videolist = res.data.result this.videolist = [] var VideoFile = ['./load1.mp4','./load2
Uniapp 视频播放器运行到微信小程序后黑屏解决
qq_42516774的博客
08-17 1164
发现这个之后，我开启本地服务器，然后将资源放到服务器上，通过http的url路径就可以使视频正常播放了。
Uniapp Video MP4视频播放失败，只有声音，黑屏，视频播放不了，解决办法
max12133的博客
07-09 8437
uniapp video mp4播放失败解决办法
UNIAPP----video标签层级问题的三种解决方法
weixin_44126737的博客
09-13 1万+
uniapp video标签层级问题的三种解决方法
IOS真机调试uni.scanCode调用报错，黑屏
Adobe Chow 的博客
03-12 3306
2，在manifest.json文件添加了对应的模块权限配置（Barcode(扫码)和Camera&Gallery相机和相册）。ios调用uni.scanCode报错，真机测试黑屏。，重新配置自定义基座或者使用标准基座运行。1，升级HBuilder到最新版本。3，勾选app对应权限配置。
uni ios视频黑屏、无声音或无法播放
Winsom1的博客
10-08 3010
uni打包小程序，安卓视频正常，ios部分视频会黑屏，可以试以下。禁用微信自带的视频缓存后启用系统自身的意思。
uniapp video android真机中黑屏 只有声音没有画面
weixin_57286220的博客
03-23 7794
在使用uniapp的video组件的时候，遇到进入页面播放正常，但再次进入重新加载页面后，会出现黑屏但有声音的问题。 因为需求是要在离开页面后不再播放视频，所以这里在onShow时绑定视频组件，并开始播放： <video id="myVideo" :src="videosrc" object-fit="cover" :autoplay="true" loop="true" controls="false" custom-cache="false" enable-play-gesture="false"
钉钉小程序 真机调试video标签黑屏
05-02
使用钉钉小程序开发时，我们在进行真机调试的时候发现使用video标签的情况下出现黑屏现象。这是由于以下几个原因引起的： 1. 钉钉小程序的内置浏览器不支持所有的H5特性，其中包括video标签的播放。 2. 钉钉小程序在不同的手机端具有不同的兼容性问题，有些手机可能存在黑屏问题。 解决此问题的方法有以下几种： 1. 通过钉钉小程序自带的开发者工具进行模拟器调试，不需要真机测试。 2. 可以使用uni-app等跨平台框架来开发小程序，这些框架的H5兼容性更好，video标签在不同手机上的表现也更加稳定。 3. 使用第三方插件解决，例如 wechat-miniprogram-aliyun-vod、TencentKona 、 TcPlayer。 总之，钉钉小程序在进行视频播放的时候，网络状况、设备兼容性、浏览器内核都要考虑到，如果出现黑屏情况要及时排查并采取相应措施。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

PENG越

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值