javascript - IPAD 上不显示视频

Question

ipad 上不显示视频。我试过用playsinlineand webkit-playsinline。但它仍然无法正常工作。在 safari 上它只显示海报图像，但在 chrome 中它是不可见的。在桌面浏览器上，它运行良好。代码附在下面。

<div class="video-player ng-scope ng-isolate-scope active" data-video-player="" ng-repeat="item in items">
  <video id="videoitem-30" class="" playsinline webkit-playsinline src="https://media.cfr.org/content/refugee_crisis_interactive/videos/migrant-caravan-1200.mp4" preload="auto" poster="https://media.cfr.org/content/refugee_crisis_interactive/posters/migrant-caravan-1200.jpg" loop=""></video>
<!-- ngIf: item.video.caption -->
  <figcaption ng-if="item.video.caption" class="ng-binding ng-scope">Honduran and Guatemalan migrants walk through Mexico. Many will seek asylum in the United States.</figcaption>
<!-- end ngIf: item.video.caption -->
</div>

标签： javascriptiosipadvideohtml5-video