Не воспроизводится формат webm на ios?

Question

[Андрей]

Добрый день!
Столкнулся с такой проблемой что на сайте добавляется видео в формате webm.
На windows, android воспроизводится нормально.
Но на ios при нажатии на видео выскакивает уведомление "Вы хотите скачать файл?"
Я для тегов проставлял и playsinline,muted, controls, type='video/webm'
И все безуспешно, все равно предлагает скачать, за месть проигрывания видео.
Кто-то может сталкивался с подобным и подскажет как можно решить данную проблему.

Answer 1

[Денис Юрьев]

сафари имеет явные проблемы с WebM
в частности в iOS поддерживает только видеопоток VP8 и то только с версии с 12.2

используйте несколько файлов-источников разных форматов примерно так:

<video controls width="400" height="300">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
</video>

Comments

[Андрей]

Спасибо за подсказку

[prosto_chel]

Не воспроизводились видео в любом браузере на айфонах, iOS 15.5. Помогло только это решение.

Answer 2

[profesor08]

Обрати внимание на атрибуты для тега видео. Им переданы корректные значения. Если ты просто укажешь <video muted playsinline>, то просто может не работать. Такое вот оно яблоко.

<video muted="true" playsinline="true">
  <source type="video/webm" src="video.webm">
  <source type="video/mp4" src="video.mp4">
</video>