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

2020-12-15
1分钟阅读时长

今天同事提了一个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了🤪玄学编程

Avatar

陈文

热爱生活,喜欢新鲜的事物,希望用自己的能力让世界变得更好,愿望是世界和平。