uniapp video 微信小程序不显示

于 2024-08-20 10:54:46 发布
阅读量246 收藏
点赞数 1
文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45159207/article/details/141352442
版权

uniapp video 再小程序中不显示，空白，点击右上角切换低版本，则正常显示
调试基础库在3.1.5及以下就可以正常查看
在这里插入图片描述

my-coco
关注
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
uniapp-微信小程序-video详情播放
yangliyang11的博客
04-11 1429
console.log('监听：拖拽完成--->', event.detail.value);console.log('监听：拖拽中--->', event.detail.value);console.log('监听：进入播放状态--->', event);console.log('监听：进入暂停状态--->', event);console.log('监听：视频结束--->', event);//不一秒后隐藏图标。//进度条跳到最开始位置。
uniapp微信小程序video不显示，不生效
A1abcvbnm的博客
06-07 1117
开发者工具video不显示，无法播放，也没有任何错误，就是不显示。
uniapp微信小程序video不显示，无法播放
weixin_47078502的博客
03-22 3683
uniapp微信小程序video不显示，无法播放
uniapp中video播放视频上按钮没显示的问题
浮游的博客
09-14 1545
video标签层级很高，尝试了添加z-index，但无效果通过查阅资料，得知cover-view层级比video层级高。
uni-app使用video组件黑屏不显示画面的情况
最新发布
qq_51607771的博客
07-25 949
如果遇到在使用uni-app实现视频预览的情况时可能会遇到黑屏的情况，出现以下报错。2. 如果外部浏览器也不能打开请检查你的url是否能够正常下载视频。此时请查看是否是使用HBuilderX内置浏览器打开的。1. 如果是内置浏览器打开，切换外部浏览器打开即可。Uni-app官方真得长点心了。
【解决】uniapp使用video标签在浏览器调试正常，安卓真机、手机上显示小黑块，无法正常显示
huangfuyk.的博客
08-24 4684
uniapp使用video标签播放视频
videoUI视频切换播放和全屏播放微信小程序
08-10
`videoUI` 是一个专为微信小程序设计的视频组件库，它提供了视频切换播放和全屏播放的功能，使得开发者能够更轻松地实现丰富的视频交互体验。以下是对这个主题的详细解释。 ### 1. 微信小程序基础 微信小程序是一...
微信小程序激励式视频广告组件使用详解
10-15
主要介绍了微信小程序激励式视频广告组件使用，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
微信小程序使用video组件播放视频功能示例【附源码下载】
08-28
在微信小程序中，开发者可以利用`video`组件来实现视频播放功能，这为用户提供了丰富的媒体体验。本文将深入探讨如何使用`video`组件播放本地mp4格式的视频，并提供了一个简单的实例，以及源码供读者参考。 1、**...
微信小程序使用video组件播放M3U8视频卡顿
01-20
微信小程序中使用video组件播放m3u8直播视频，在ios的真机预览里点击video中间的播放容易卡几十秒，此时什么都做不了，手机也非常非常卡。 我的解决办法是在视频video组件里加入custom-cache={{false}} autoplay=...
uniapp-微信小程序-短视频-video-自定义播放控件-无上下滚动-非H5
qq_41901130的博客
09-25 2665
UNIAPP微信小程序端video短视频自定义播放控件
uniapp坑之rich-text标签渲染富文本时video会消失.
different9102的博客
08-01 3248
uniapp坑之rich-text标签渲染富文本时video会消失. 最近在搞uniapp项目，做视频详情页渲染时，遇到rich-text标签渲染video标签一直无法显示视频的问题。经查询 上图链接 uniapp-richtext标签 rich-text无法渲染，我们可以去插件市场 找uParse 富文本解析插件进行替换 uParse 地址：uParse插件链接 ...
uniapp使用video组件，并实现一些弹框
2301_77513512的博客
11-07 1572
我当前项目是一个看视频的小程序，因为用到了uniapp内置的video组件，并且观看视频中以及结尾有不少弹框，所以准备记录一下一些常用api、函数、使用方法和中间遇到的问题。
uniapp 视频video 播放 白屏 android
Li_Tao00的博客
12-24 3589
uniapp 视频video 播放 白屏 android，网页视频无法全屏
uniapp使用video组件 本地视频播放
m0_64373473的博客
08-11 5917
【uni-app】uniapp使用video组件 本地视频播放。
uni app video、视频播放开发
热门推荐
dingleishuo3435的博客
09-11 1万+
视频播放有3种解决方案，使用HTML5的自带video、从HBuilder9.1.3起新增的plus.video的原生视频播放，以及使用Native.js。 HTML5自带video标签，可以播放符合HTML5规范的视频格式。注意不含flv、ra等三方商业公司的规范格式。HTML5的video在Android上有较多浏览器兼容性问题，这里有篇网友分享的经典文章讲述了HTML5 ...
已解决 微信小程序uniapp使用video的时候全屏方法@fullscreenchange会执行两次
mxy_cy的博客
08-10 3800
fullscreenchange事件会在进入全屏和退出全屏时各触发一次。所以全屏切换期间会触发两次该事件。
uniapp 微信小程序 bindloadedmetadata不生效
05-21
在Uniapp中，使用`bindloadedmetadata`绑定video标签的事件确实会出现不生效的情况。这是因为Uniapp使用了自己的封装组件，导致一些原生属性或事件无法正常使用。 解决方法如下： 1. 使用`bindplay`事件替代`bindloadedmetadata`事件，因为在播放前`bindplay`事件一定会触发，可以在该事件中获取到视频的元数据。 2. 在video标签上添加属性`autoplay`，使得视频在加载完成后自动播放。 以下是示例代码： ``` <video src="your-video-src" autoplay="true" bindplay="onVideoPlay"></video> // js代码 onVideoPlay() { const video = uni.createVideoContext('your-video-id', this); video.duration // 获取视频时长 } ``` 希望对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值