记一次uniapp video组件视频无法播放问题

最新推荐文章于 2024-08-28 17:18:26 发布

Droidberg

最新推荐文章于 2024-08-28 17:18:26 发布

阅读量186

点赞数

文章标签： uni-app 音视频

遇到的情况是因为有两个video播放的是相同的资源，只有其中一个视频可以播放，另一个video组件无法加载内容

解决方案：给video组件设置id即可

原创作者: u_15485533 转载于: https://blog.51cto.com/u_15485533/11668917

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Droidberg

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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的swiper里包含video】uniapp的swiper里包含video，解决滑动不流畅问题

weixin_48596030的博客

10-24

4214

【uniapp的swiper里包含video】uniapp的swiper里包含video，解决滑动不流畅问题

参与评论您还未登录，请先登录后发表或查看评论

uniapp微信小程序video不显示，不生效

A1abcvbnm的博客

06-07

1087

开发者工具video不显示，无法播放，也没有任何错误，就是不显示。

解决Uniapp视频在手机上无法播放的终极指南！

CRMEB小程序商城的博客

03-25

5658

介绍：本文主要介绍uniapp中video标签在手机端无法播放视频的问题并且如何解决。

uniapp video标签无法播放视频

热门推荐

一个超爱喝可乐的web前端攻城狮

03-31

1万+

【代码】uniapp使用video标签无法播放视频出现黑屏问题处理。

uniapp微信小程序video不显示，无法播放

weixin_47078502的博客

03-22

3661

uniapp微信小程序video不显示，无法播放

uniapp，video视频播放不了，页面显示不完整

weixin_46715876的博客

10-12

5312

video播放不了，为界面全黑，此时切换为浏览器运行即可播放视频播放时显示不完整，在App.vue中添加以下代码可解决 html,body{ height: 100%; width: 100%; } page { height: 100%; } 是uni-page-body没有设置height:100% ...

uniapp video视频层级过高遮挡顶部导航页面弹窗使用原生子窗体解决问题

05-30

在uniapp项目中 video层级过高页面滑动时遮挡顶部导航或者页面有弹窗效果视频同时也会遮挡弹窗使用subNVues 解决此问题 pages.json 中配置{ "path": "pages/index/index", "style": { ...

uniapp subNvue 写的视频播放

11-03

其中，subNvue是uniapp的一个特色功能，主要用于处理页面中的子组件，特别是对于性能要求较高的场景，如视频播放。下面我们将深入探讨如何使用uniapp的subNvue来实现高效、功能丰富的视频播放功能。 1. **uniapp与...

uni-app-video(支持后台播放音频的视频播放器).zip

10-16

uni-app-video(支持后台播放音频的视频播放器).zip

微信小程序使用video组件播放视频功能示例【附源码下载】

08-28

4、**video组件的详细特性** 微信小程序官方文档中（[https://mp.weixin.qq.com/debug/wxadoc/dev/component/video.html](https://mp.weixin.qq.com/debug/wxadoc/dev/component/video.html)）提供了`video`组件的...

uni-app-video(支持后台播放音频)

02-24

uni-app-video(支持后台播放音频) demo实现思路：正常唤起video组件播放，支持倍速等操作，全屏时提供开启后台播放音频； page hide时，后台播放audio标签，倍速恢复1.0正常播放；

uniapp video组件自动播放失败问题

大炮哥的博客

07-01

275

需要添加一个属性，muted=“muted”

Uniapp Video MP4视频播放失败，只有声音，黑屏，视频播放不了，解决办法

max12133的博客

07-09

8691

uniapp video mp4播放失败解决办法

uniapp中使用renderjs添加video无法播放问题

qq_45467707的博客

05-06

3403

解决方案: 1. manifest.json模块配置选中VideoPlayer播放,并在源码视图中添加代码 2.有可能是因为DOM加载问题,在代码中延长url赋值时间(如加定时器) setTimeout(() => { // that.x为video标签实例 that.x.src = that.srcList[0].src }, 1500) 3.打包时勾选原生混淆 ...

uni-app小程序video视频点击触发play但是不让他播放而是提示他去购买

肖肖肖丽珠的博客

07-03

2016

<video id="myVideo" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4" @play="pay...

uni-app使用video组件黑屏不显示画面的情况

qq_51607771的博客

07-25

915

如果遇到在使用uni-app实现视频预览的情况时可能会遇到黑屏的情况，出现以下报错。2. 如果外部浏览器也不能打开请检查你的url是否能够正常下载视频。此时请查看是否是使用HBuilderX内置浏览器打开的。1. 如果是内置浏览器打开，切换外部浏览器打开即可。Uni-app官方真得长点心了。

uniapp ， video组件自动播放

03-30

要使uniapp的video组件自动播放，需要将autoplay属性设置为true。例如： ``` <video src="path/to/video.mp4" autoplay></video> ``` 同时，为了确保视频能够自动播放，需要在manifest.json文件中将uniapp的页面路由设置为“uni://xxxxx”，如下所示： ``` "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" }, "window": { "backgroundColor": "#ffffff", "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black" }, "nvue": { "usingComponents": { "video": "../../components/uni-video/uni-video" } }, "preloadRule": { "network": "all", "packages": [], "async": [] }, "usingComponents": { "uni-video": "../../components/uni-video/uni-video" }, "name": "uni://xxxxx/pages/index/index" //这里设置为uni://xxxxx } ] ``` 需要注意的是，自动播放在一些移动设备上可能会被浏览器禁用，因此最好在用户点击后再播放视频。