Ionic 1.3 - iOS 10 beta 6 не воспроизводит видео в формате mp4

Question

Я пытаюсь заставить видео воспроизводиться на iOS 10 встроенным, но после обновления с iOS бета 4 до бета 6 это перестало работать. В моем config.xml я добавил эти 2 строки

<preference name="AllowInlineMediaPlayback" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="true" /> 

Тогда на моем шаблоне HTML у меня есть

<video src="img/demo.mp4" preload="auto" controls autoplay muted webkit-playsinline ></video>

а также я попробовал это

<div class="video-container-inner">
    <img src="{{video.poster}}" class="img-responsive img-cover">
      <video id="article{{$index + 1}}" preload x-webkit-airplay="allow" webkit-playsinline="webkit-playsinline" class="videoPlayerSingle article{{$index + 1}}">
          <source src="{{video.url}}" type="video/mp4"/>
     </video>
</div>

У вас, ребята, была эта проблема? Как ты это решил?

Answer 1

Причина этого в том, что нам также нужно добавить playsinline без префикса webkit, чтобы код был:

<div class="video-container-inner">
    <img src="{{video.poster}}" class="img-responsive img-cover">
      <video id="article{{$index + 1}}" preload x-webkit-airplay="allow" playsinline webkit-playsinline class="videoPlayerSingle article{{$index + 1}}">
          <source src="{{video.url}}" type="video/mp4"/>
        </video>
  </div>

Это работает для меня на Ionic 1.3 iOS 10 бета 6.