微信小程序项目 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" />
相关推荐
P***253921 小时前
前端构建工具缓存清理,npm cache与yarn cache
前端·缓存·npm
好奇的菜鸟21 小时前
解决 npm 依赖版本冲突:从 “unable to resolve dependency tree“ 到依赖管理高手
前端·npm·node.js
lcc18721 小时前
Vue 内置指令
前端·vue.js
lijun_xiao20091 天前
前端React18入门到实战
前端
o***Z4481 天前
前端响应式设计资源,框架+模板
前端
IT_陈寒1 天前
Vue 3.4 正式发布:5个不可错过的性能优化与Composition API新特性
前端·人工智能·后端
N***73851 天前
前端无障碍开发资源,WCAG指南与工具
前端
顾安r1 天前
11.15 脚本算法 加密网页
服务器·算法·flask·html·同态加密
Cocktail_py1 天前
JS如何调用wasm
开发语言·javascript·wasm
我有一棵树1 天前
深入理解html 加载、解析、渲染和 DOMContentLoaded、onload事件
前端·性能优化·html