safari video标签视频不能播放

[御影年华]

最近在做的一个项目,使用liferay框架做的, 手机端需要播放一个视频 ,我使用的是video标签 ,在测试服务器上线后经测试,安卓端浏览器可以正常访问, 使用Chrome的移动端模拟也可以访问 如下 ,但是 iphone safari 不能播放 如下
一下是我的视频代码 ,是兼容性的问题 ,还是iPhone的视频传输协议的问题 ? 求大神解惑 ,感激不尽~~~

<div class="swiper-slide">
						<video controls preload>
							<source src="${video.video}" type="video/mp4">
							<source src="${video.video}" type="video/ogg">
							您的浏览器不支持 HTML5 video 标签。
						</video>
					</div>

[GaryLin666]

把preload去掉

[ArcRain]

还需要检查mp4文件的码流规范是否符合iOS的要求，毕竟移动端的兼容性不像PC可以用播放器软件解决。 参考这个链接：https://www.jianshu.com/p/31f0593496ef