解决ios下视频无法播放问题

Posted 2021-01-23 zhangjianzhen

今天遇到一个奇怪的问题，下面这段代码，在安卓手机任何浏览器都可以正常播放，ios手机在微信直接打开连接和Safari浏览器可以正常播放，但在QQ、UC和夸克浏览器不能正常播放，然后一顿查找，并没有找到解决方法

<video controls="controls" class="fl">
　　<source src="images/shipin_cn.ogg" type="video/ogg">
　　<source src="images/shipin_cn.mp4" type="video/mp4">　　
</video>

后来报着试试看的态度，把两个视频的顺序调换了一下位置，然后在ios手机里面QQ、UC和夸克浏览器都可正常播放，播放不了的原因应该是走到ogg的时候卡住了，所以走不到mp4格式了

<video controls="controls" class="fl">
　　<source src="images/shipin_cn.mp4" type="video/mp4">　
　　<source src="images/shipin_cn.ogg" type="video/ogg">
</video>