uniapp 中video在手机无法播放，其他地方视频可以播放

最新推荐文章于 2024-05-14 10:30:58 发布
最新推荐文章于 2024-05-14 10:30:58 发布
阅读量4.2k 收藏
点赞数
分类专栏： uniapp 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40829594/article/details/121381685
版权

问题：详情页视频底部往下拉最底部视频无法播放，但是其他页面可以播放，代码相同

原因：是因为详情在第二页了，放在最顶部可以播放，我给页面超出滚动了

解决方式：去掉overflow:auto，不能使用overflow:auto

之后就可以播放了，踩坑

 

maoer9999
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp微信小程序video不显示，无法播放
weixin_47078502的博客
03-22 2485
uniapp微信小程序video不显示，无法播放
uniapp视频播放器（h5+app）
farme_guan的博客
04-27 2069
这是关于一篇在uniapp使用video视频播放器，支持自定义播放器样式，支持手势操作，选集、倍数和清晰度切换，支持SRT字幕格式。
video标签不能自动播放
最新发布
qq_33067629的博客
05-14 430
Uniapp 转h5后 video不能自动播放，这是由于各浏览器做了限制，但是如果静音情况下是允许自动播放的。当调用video标签播放视频时，先调用audo.pause();在 script中创建一个。然后在做一个延迟处理播放。这样就能完美解决了。
android webview m3u8,M3U8视频，在系统自带浏览器可以播放，但是在uni-app打开同样的网页就无法播放...
weixin_34467704的博客
05-26 2052
代码如下使用腾讯的TcPlayer的播放CCTV1的直播流1、用系统自带浏览器打开，正常播放；在uni-app使用webview打开页面，提示不支持播放此类型视频2、换成chimee也是一样的问题，在uni-app的webview中无法播放视频src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.3.js"char...
uni app混合开发，使用5+ video标签，云端打包可以正常播放，本地打包无法正常播放
wusejiege6的博客
07-25 1636
uni app混合开发，使用5+ video标签，云端打包可以正常播放，本地打包无法正常播放 media-release.aar 按照官方要求已经添加，依然无效 weex_videoplayer-release.aar 这个库也需要加 视频立刻可以正常播放了 ...
uniapp 视频video 播放 白屏 android
Li_Tao00的博客
12-24 3393
uniapp 视频video 播放 白屏 android，网页视频无法全屏
【解决】uniapp使用video标签在浏览器调试正常，安卓真机、手机上显示小黑块，无法正常显示
huangfuyk.的博客
08-24 3856
uniapp使用video标签播放视频
uniapp 上传音频（H5可以App不行），并播放后端返回的音频
lanbaiyans的博客
06-06 1414
【代码】uniapp 上传音频（H5 App），并播放后端返回的音频列表，选中其中一条音频进行播放。
uniapp打包的H5，在系统自带的浏览器上没问题，国内浏览器video组件会被拦截，操作按钮会有下载功能
lily19970107的博客
11-27 552
其实最后我并没有办法解决这个问题，网上查阅了很多资料，有说联系浏览器的，我们这个就是不出名的小软件，根本搭不上那条线，可能你在操作的时候发现百度浏览器好了，但是还有夸克浏览器等，最后经过项目组沟通，选择只允许在微信浏览器访问，这样问题就好解决多了～这里是我最后的处理，代码不是全的，重点是‘ 只在微信内置浏览器运行’这里的内容，意思是最好放到请求中去，这样能更好的规避没发现的各种神奇的浏览器～这个我之前想的是给他转一下形式，走个迂回路线，但是，不愧是大浏览器，防的死死的～
uni-app-video(支持后台播放音频的视频播放器).zip
10-16
uni-app-video(支持后台播放音频的视频播放器).zip
uniapp video视频层级过高 遮挡顶部导航 页面弹窗 使用原生子窗体解决问题
05-30
在uniapp项目中 video层级过高 页面滑动时 遮挡顶部导航 或者页面有弹窗效果 视频同时也会遮挡弹窗 使用subNVues 解决此问题 pages.json 中 配置{ "path": "pages/index/index", "style": { ...
解决video标签在安卓webview下无法自动播放问题
09-04
主要介绍了video标签在安卓webview下无法自动播放问题的解决方法 ,需要的朋友可以参考下
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
10-15
主要介绍了微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
html采用video播放hls视频流
10-13
1、本文详细描述了html采用video播放hls视频流的方法及源代码。 2、通过详细示例，让读者更直观地阅读，更清晰的理解。 3、示例代码可直接复制，编译后可直接运行。 4、根据示例以及运行结果，让读者加强记忆及...
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标签加一些属性，微信调用h5原生video
weixin_43960538的博客
12-23 713
给video标签加一些属性，调用h5原生video <video class="video-source"     width="100%"   height="240px"  /*如果有封面，请设置高度*/     controls  /*这个属性规定浏览器为该视频提供播放控件*/   &nb
uniapp之使用巨坑 视频自动播放问题，IOS安卓兼容问题
热门推荐
yyanglirong的博客
07-06 2万+
上个星期使用uniapp在欢迎页插入了一段视频，要求进入页面就开始播放视频，7s后自动跳转，其实这里也不算是一个跳转，welcome是组件，然后是lottery页面，只是在7s后给welcome组件的v-if设置成了false。碰到的问题如下： 1.视频自动播放属性无效； 2.部分华为手机需点击一下才能进入播放，然后会自动进入全屏模式开始播放视频。 3.welcome页面v-if设置为false之后，页面上竟然还存在video元素，在lottery页面点击一下，部分手机偶尔，iphone6p每次都会在播放一
uniapp实现app端图片+视频轮播
sk19969306105的博客
07-30 2445
swiper轮播里面，可能有图片也可能有视频。当swiper切换到视频时，视频以动画的样式展示（无按钮、进度条等默认播放控件），自动轮播取消，手动滑动切换取消。当视频播放完毕后，可以自动轮播，可以手动滑动切换。③使用@ended，用来判断视频当播放到末尾时触发事件，解开自动轮播，手动滑动切换。autoplay="autoplay"（是否自动切换）原swiperChange方法中添加判断，实现切换到视频时，自动轮播取消，手动滑动切换取消。video标签里加属性。找了个插件市场里的改的。......
uniapp使用video标签无法播放视频出现黑屏问题处理
09-21
解决Uniapp中使用video标签无法播放视频出现黑屏问题， 可以尝试以下几个步骤： 1. 确保视频资源路径正确：首先要确保视频资源的路径是正确的，可以尝试使用本地资源或网络资源进行测试。同时，检查视频资源的格式是否受支持，Uniapp支持的视频格式包括mp4、3gp等。 2. 检查video标签的配置：确认video标签的配置是否正确。查看是否已经指定了视频的宽度和高度，以及相应的控制属性，如controls、autoplay等。如果没有指定宽高，可能会导致视频无法显示。 3. 检查权限：在某些情况下，视频播放可能需要特定的权限或用户操作。请确保应用程序具有相应的权限，并且用户已经授予该权限。在移动设备上，如果缺少权限，视频可能无法正常播放。 4. 更新Uniapp版本：如果以上步骤都没有解决问题，可以尝试更新Uniapp框架到最新版本。新版本的框架可能已经修复了一些已知的问题和错误，并提供了更好的视频播放支持。 5. 使用其他播放器插件：如果以上步骤都无法解决问题，还可以尝试使用其他Uniapp社区提供的视频播放器插件。这些插件通常具有更多的功能和可定制的选项，可能能够解决视频黑屏问题。 总之，Uniapp中视频黑屏问题可能是由于资源路径错误、标签配置问题、权限不足或Uniapp版本较旧等原因引起的。通过逐步排除这些可能的原因，并采取适当的解决方法，应该能够解决这个问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值