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