小程序:播放视频

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

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

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 | 微信开放文档

待验证

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

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值