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

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

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

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

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

之后就可以播放了，踩坑

 

maoer9999
关注
专栏目录
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播放 m3u8格式视频 兼容pc和移动端
weixin_42066070的博客
12-15 1062
自己摸索出来的，花了一天时间，给点订阅支持下，订阅后，不懂的地方可以私聊我。
uniapp video标签无法播放视频
qq_42657934的博客
08-28 934
uniaapp video标签无法播放视频
uniapp 在 APP中使用video 遇到的问题及解决方式-第一帧黑屏
qq_41901130的博客
10-10 519
（注意：renderjs即视图层，与逻辑层是分离的，所以无法直接通过this通信）（注意：renderjs即视图层，与逻辑层是分离的，所以无法直接通过this通信）（此方式只适配APP端，小程序/H5 需要使用条件编译，再写一套代码）
ios 使用webview播放视频需注意
zhuzhu_2005的专栏
09-22 3891
videoWeb是个webView #pragma mark UITableViewDelegate - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{     videoWeb = [[UIWebView alloc] initWithFrame:CGR
WebView加载h5视频网页
02-26 655
webView1 = (WebView) findViewById(R.id.webView1); javascriptInterface = new JavaScriptInterface(this); webSettings = webView1.getSettings(); webSettings.setJavaScriptEnabled(true
Uni-App Video 插件教程
gitblog_01197的博客
08-19 673
Uni-App Video 插件教程 uni-app-video一个优秀的uni-app影视视频源码项目案例分享，旨在帮助大家更快的上手uniapp视频类项目，个人网站: https://zhaohongcheng.com项目地址:https://gitcode.com/gh_mirrors/un/uni-app-video 1. 项目介绍 Uni-App Video 是一个专为基于 Vue...
解决Uniapp视频在手机上无法播放的终极指南！
CRMEB小程序商城的博客
03-25 6426
介绍：本文主要介绍uniapp中video标签在手机端无法播放视频的问题并且如何解决。
uniapp使用video标签无法播放视频出现黑屏问题处理
热门推荐
一个超爱喝可乐的web前端攻城狮
03-31 1万+
【代码】uniapp使用video标签无法播放视频出现黑屏问题处理。
uniapp中使用renderjs添加video无法播放问题
qq_45467707的博客
05-06 3443
解决方案: 1. manifest.json模块配置选中VideoPlayer播放,并在源码视图中添加代码 2.有可能是因为DOM加载问题,在代码中延长url赋值时间(如加定时器) setTimeout(() => { // that.x为video标签实例 that.x.src = that.srcList[0].src }, 1500) 3.打包时勾选原生混淆 ...
uniapp，video视频播放不了，页面显示不完整
weixin_46715876的博客
10-12 5333
video播放不了，为界面全黑，此时切换为浏览器运行即可播放 视频播放时显示不完整，在App.vue中添加以下代码可解决 html,body{ height: 100%; width: 100%; } page { height: 100%; } 是uni-page-body没有设置height:100% ...
Uniapp Video MP4视频播放失败，只有声音，黑屏，视频播放不了，解决办法
max12133的博客
07-09 8867
uniapp video mp4播放失败解决办法
uni-app-video(支持后台播放音频的视频播放器).zip
10-16
uni-app-video(支持后台播放音频的视频播放器).zip
uniapp学习总结
weixin_67850938的博客
06-15 922
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app组成和跨端原理uni-app能实现一套代码、多端运行，核心是通过编译器 + 运行时编译器：将uni-app统一代码编译生成每个平台支持的特有代码；如在小程序平台，编译器将.vue文件拆分生成wxmlwxssjs等代码。
视频切片上传（uniapp、nodejs）
m0_75062458的博客
02-06 2540
1.uniapp中无法使用formdata，与我个人而言，很有影响2.formdata无法使用，就只能通过uploadFile上传，这个有个formdata的参数，可以把formdata类的数据给到这个参数。
uniapp(全端兼容) - 详解前端阿里云OSS上传图片并添加水印功能，纯前端直传图片到阿里oss对象存储另外添加自定义水印，uniApp上传图像文件到OSS时给图片插入水印添加水印（无需后端服务）
最新发布
高级前端工程师
11-01 1万+
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，阿里云oss对象存储，前端直传无需后端接口服务器，上传图片到阿里云oss，给图片添加水印后再传到oss上，文字水印，图片水印，uni-app实现阿里OSS直传，uniapp阿里云oss图片直接上传(不需要后端做签名)，uni-app上传图片到oss并在底部加入文字水印，uni-app上传图片并添加水印支持拍照单图片上传多图片上传并添加水印，uniapp选取相册中的照片并插入水印上传，各平台打开相机和相
android选取附件文件,uni-app调用原生的文件系统管理器（可选取附件上传）
weixin_39628186的博客
05-29 952
//调用原生文件系统管理器并选取文件获取文件地址window.PickFile = function(callback, acceptType) {//acceptType为你要查的文件类型"image/*"，"audio/*"，"video/*;image/*" // intent.setType("image/*");//intent.setType("audio/*"); //选择音频//...
uni-app中使用video无法播放腾讯视频链接
weixin_46918045的博客
01-31 1508
3，添加后，点击详情查看文档，并获取插件的appid跟版本号，点击开发文档，查看如何引入和使用该插件。4，回到hbuilder，添加player，对应的版本号和provider。，使用小程序的微信管理员账号扫码登录，在左侧菜单栏最底下，找到设置。5，pages.json找到要使用的页面，添加配置。2，点添加，搜索腾讯视频并且添加。6，最后，就可以在当前页面使用。
【解决】uniapp使用video标签在浏览器调试正常，安卓真机、手机上显示小黑块，无法正常显示
huangfuyk.的博客
08-24 4978
uniapp使用video标签播放视频
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值