解决video标签在ios上无法播放的问题

今天同事提了一个bug上来,说h5页面上的视频,在ios手机上播放不了。我就不信这个邪,我明明是按照w3c标准文档写的代码啊,怎么会放不了?下面是我写的代码

<video control src="http://xxxx.mp4">

没毛病,在我的安卓手机是正常播放的。但是,当我用同事的手机访问,的确是放不出来。。。😠

网上一顿操作下来,各种说法都有。其中有一种是需要服务端配置Accept-Ranges请求头的,我这个视频是放到云对象存储里的,去改这个请求实属麻烦。

后来,发现换一种写法,就可以不修改服务器配置,直接就可以播放了。代码如下

<video control>
  <source src="http://xxxx.mp4" type="video/mp4">
  <source src="http://xxxx.mp4" type="video/ogg">
  <source src="http://xxxx.mp4" type="video/webm">
</video>

🥴我TM这真的是太giao了🤪玄学编程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容