微信小程序项目 video 组件失效问题,无法播放本地视频

问题与处理策略

问题描述
html 复制代码
<video src="../../assets/video/test-video.mp4" controls style="width: 100%; height: 300px;"></video>
  • 在微信小程序项目中,上述 video 组件失效,视频无法加载,无法播放本地视频
处理策略
  1. 使用网络路径的视频能正常播放,而本地路径的视频无法播放,可以将视频放到服务器上面
html 复制代码
<video src="http://127.0.0.1:12345/video/test-video.mp4" controls style="width: 100%; height: 300px;"></video>
  1. 但是,在微信小程序项目中,本地图片可以正常加载
html 复制代码
<image src="../../assets/img/test-img.jpg" mode="aspectFit" />
相关推荐
咖啡の猫10 小时前
Vue插件
前端·javascript·vue.js
韩劳模10 小时前
Canvas、SVG实现不规则区域高亮的方案说明
前端
张可爱11 小时前
20251026-从网页 Console 到 Python 爬虫:一次 B 站字幕自动抓取的实践与复盘
前端·python
咖啡の猫11 小时前
Vue中的自定义事件
前端·javascript·vue.js
葡萄城技术团队11 小时前
提升 Web 端 JavaScript 的可信度:WAICT 体系详解
javascript
yangwan11 小时前
Ubunut 22.04 安装 Docker 24.0.x
前端·后端
等风起88111 小时前
Element Plus实现TreeSelect树形选择在不同父节点下子节点有相同id的双向绑定联动
前端·javascript
摸着石头过河的石头11 小时前
跨域资源共享(CORS)完全指南:从基础概念到实际应用
前端·javascript
小胖霞11 小时前
阿里云域名解析 + Nginx 反向代理 + HTTPS 全流程:从 IP 访问到加密域名的完整配置
前端