小程序：播放视频-阿里云开发者社区

小程序：播放视频

2023-07-10 379

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 小程序：播放视频

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

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

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);