Как отобразить фоновое видео на iphone ios safari?

Question

[Faber Estello]

Подключаю видео на страницу с помощью тега video и mp3 и ogg, но в сафари все равно на месте видео черный квадрат.
Плагины тоже не работают. Может не те беру, подскажите пожалуйста как решить проблему или какие плагины будут нормально работать.

Answer 1

[Alexander Shalimov]

Возможно кому нибудь пригодится.
Решил проблему добавлением атрибута playsinline

<video preload="metadata" muted="muted" autoplay playsinline loop></video>

Comments

[JustRandomUser]

Помогло, спасибо

Answer 2

[Сергей Горячев]

arm1.ru/blog/html5-video-kak-fon-stranitsy

На iOS в Safari автопроигрывание отключено. Такая вот позиция Apple - чтобы батарейку не жрало. Поэтому там показывается видео со значком Play, на который надо нажать, после чего видео начинает играть на полный экран.

В целом метод рабочий, но фоновое видео нельзя сделать работающим на iOS.

Answer 3

[Cyber_bober]

хитрый хак - преобразуйте видео в гифку и подгружайте ее вместо видео

Comments

[Faber Estello]

интересный вариант, но не подходит)

[Cyber_bober]

Sen Selesss: иначе никак, автоплэя не будет