小程序:播放视频

简介: 小程序:播放视频

问题一:本地视频无法播放,如图:

解决:需要使用服务器地址

w小程序 video 组件播放本地视频(黑屏无法播放,报错:MEDIA_ERR_SRC_NOT_SUPPORTED)_卡尔特斯的博客-CSDN博客_小程序video黑屏

问题二:开发工具、Android可以播放,ios手机(部分视频)不能播放

视频组件video视频安卓正常播放,iOS不能播放,为什么? | 微信开放社区

微信小程序 video标签 ios不能播放视频或视频黑屏_喜欢划水的咸鱼码畜的博客-CSDN博客

https://www.jianshu.com/p/31f0593496ef

小程序 ios播放不了视频,时间显示00:00,或者播了几秒就一直转圈 | 微信开放社区

微信小程序ios无法播放视频_renzhehongyi的博客-CSDN博客

苹果机型小程序无法播放视频? | 微信开放社区

微信小程序ios无法播放视频 | 微信开放社区

微信小程序 video标签 ios不能播放视频或视频黑屏 - 爱码网

几种常见视频格式ContentType和FileType对照表 - 技术家园,原创博客

https://www.jianshu.com/p/4d206e182f8f

Content-Type类型介绍 · 测试文档 · 看云

HTTP 协议的Content-type都有哪些文件类型_村中少年的博客-CSDN博客_http文件类型

最终解决:

后端设置响应头:

response.setContentType("video/mp4");
response.setHeader("Accept-Ranges", "bytes");
response.setHeader("ETag", fileName);
response.setHeader("Last-Modified", new Date().toString());
response.setHeader("Content-length", "" + length);
response.setHeader("Content-Range", "bytes " + requestStart + "-" + requestEnd + "/" + contentLength);

微信公众号ios系统不能播放视频android可以播放问题解决方法 | 微信开放社区

h5点播播放mp4视频遇到的坑,ios的h5不能播放视频等 - 爱码网

至此,问题得到解决,但是排查的时候暴露了很多技术短板,

短板一、对http相关内容了解还是少;

短板二、对后端知识了解也不够;

短板三、虽然之前做过直播和短视频的业务,现在看来对视频播放相关内容了解也是少;

问题三:小程序播放视频,有什么审核要求/限制

小程序上线视频播放有什么审核限制吗 | 微信开放社区

问题四:不能播放阿里oss存储的视频

小程序video标签无法播放阿里oss视频

小程序video播放OSS防盗链视频报错_baymaxWu的博客-CSDN博客

video | 微信开放文档

待验证

最后,欢迎交流指正,关注我一起学习。

相关文章
|
6月前
|
监控 前端开发 小程序
陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
这款APP通过技术创新,将代练、家政、娱乐社交等场景融合,打造“全能型生活服务生态圈”。以代练为切入点,提供模块化代码支持快速搭建平台,结合智能匹配与技能审核机制,拓展家政服务和商业管理功能。技术架构具备高安全性和扩展性,支持多业务复用,如押金冻结、录屏监控等功能跨领域应用。商业模式多元,包括交易抽成、增值服务及广告联名,同时设计跨领域积分体系提升用户粘性,实现生态共生与B端赋能。
471 12
|
9月前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
303 0
|
11月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
206 0
在线课堂+工具组件小程序uniapp移动端源码
|
12月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
1832 3
|
12月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
309 0
微信小程序更新提醒uniapp
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
296 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
318 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
165 7
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
217 7

热门文章

最新文章