在iPhone上看不到视频

我将视频添加到我的网站,这是完美的桌面和安卓浏览器。不过,在iOS Safari上,视频不会显示,它只显示播放按钮,而不像其他浏览器那样显示视频预览。

如果我单击播放按钮,它将播放显示的视频并按预期播放。我不确定为什么iOS safari不会像其他浏览器一样显示视频预览,我想解决这个问题。我试过禁用和启用控件,完全去掉jQuery的click函数,尝试一个不同的视频。如果我决定删除控件,它看起来就像一个空框,只有在单击视频所在的空间时才能工作。

HTML格式

<div class="row video-row">
  <div class="col-sm-12">
    <div class="vid-wrapper">
      <video class="video" controls playsinline>
        <source src="/public/video/grapevine.mp4" type="video/mp4">
        <source src="/public/video/video/grapevine.ogg" type="video/ogg">
        Sorry, your browser does not support this video.
      </video>
    </div><!-- END WRAPPER -->
  </div><!-- END COL -->
</div><!-- END ROW -->