uniapp video标签无法播放视频

不要停止努力呦！2024-08-29 22:46

当video标签路径含有中文以及特殊字符视频就会无法播放

解决方法使用encodeURIComponent对路径进行加密处理

javascript 复制代码 
    videoSrc = data.coursewareFile
            ? `${appConfig.apiUrl + encodeURIComponent(data.coursewareFile)}`
            : "";

最后效果

相关推荐
变色龙云2 小时前
uni-app开发完成app上传OPPO认定为马甲包如何处理？
uni-app
用户480622604141516 小时前
使用uniapp开发微信小程序-框架搭建
微信小程序·uni-app
TttHhhYy18 小时前
uniapp+vue开发app，蓝牙连接，蓝牙接收文件保存到手机特定文件夹，从手机特定目录（可自定义），读取文件内容，这篇首先说如何读取，手机目录如何寻找
开发语言·前端·javascript·vue.js·uni-app
Funky_oaNiu18 小时前
uniapp实现按钮防重复点击（防抖）完整解决方案
uni-app
原克技术19 小时前
uniapp验证码
uni-app
web150850966412 天前
在uniapp Vue3版本中如何解决webH5网页浏览器跨域的问题
前端·uni-app
何极光2 天前
uniapp小程序样式穿透
前端·小程序·uni-app
User_undefined3 天前
uniapp Native.js 调用安卓arr原生service
android·javascript·uni-app
流氓也是种气质 _Cookie3 天前
uniapp blob格式转换为video .mp4文件使用ffmpeg工具
ffmpeg·uni-app
爱笑的眼睛113 天前
uniapp 极速上手鸿蒙开发
华为·uni-app·harmonyos
热门推荐
01【一文读懂】NTN（非地面网络）技术介绍02优化手机性能，解决卡顿问题：关闭这3个微信开关，释放内存空间03玄机平台应急响应—webshell查杀04Cube-Studio：开源大模型全链路一站式中台05基于大语言模型（LLM）的合成数据生成、策展和评估的综述06(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明07组基轨迹建模 GBTM的介绍与实现（Stata 或 R）08HCIA-datacom数通题库和录播视频资料09Docker 夺命连环 15 问10RAG 实践- Ollama+RagFlow 部署本地知识库