HTML5 Видео не воспроизводится на устройствах IOS, но работает нормально везде - PullRequest
0 голосов
/ 02 сентября 2018

Я пытаюсь создать титульную страницу, которая автоматически воспроизводит видео с полной шириной и полной высотой. Он отлично работает на моей машине (Linux [имя] 4.15.0-33-generic # 36-Ubuntu SMP Ср 15 августа 16:00:05 UTC 2018 x86_64 x86_64 x86_64 GNU / Linux) в FireFox и Chrome. При тестировании на моем iPhone и Mac видео заменяется на пустой экран.

Я читал в Интернете, что IOS прекратил поддержку автозапуска видео. Есть ли способ обойти это?

Есть ли поддержка WebM для IOS?

<video autoplay loop muted playsinline>
  <source src="static/video/video.webm" type="video/webm"/>
  Your browser does not support the video tag.
</video>

1 Ответ

0 голосов
/ 03 сентября 2018

Мне удалось решить мою проблему, добавив следующие источники в тег видео:

<video autoplay loop muted playsinline>
    <source src="devstories.webm" 
          type='video/webm;codecs="vp8, vorbis"' />
    <source src="devstories.mp4" 
          type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
  Your browser does not support the video tag.
</video>
...