Не работает poster в теги video на мобильном, как поставить картинку, вместо черного экрана?

Question

[Егор Рублёв]

Здравствуйте, вот пример сайта с видео фоном - event.mimidomik.ru (с мобилы чёрный фон android 4.2, iPhone 5, iPhone 5s)
Вот собственно сайт, который разрабатываю я - foto-zakrassam.ru (с мобилы чёрный фон android 4.2, iPhone 5, iPhone 5s)

С компа в браузерах всё корректно, загружается видео, но при входе с мобильного устройства (android 4.2, iPhone 5, iPhone 5s) вместо картинки на фоне, или в атрибуте poster отображается чёрный фон)

Пример сайта, где всё работает корректно без атрибута poster (картинку берёт с фона под видео) www.ifresh.club почему у меня так не работает? Не мог бы кто-нибудь с этим помочь?

Answer 1

[Алексей Зуев]

У Вас стоит в стилях

#video_background {
-webkit-backface-visibility: hidden !important;
}

Comments

[Егор Рублёв]

А вот это я упустил, когда копировал стили )))
Благодарю

Answer 2

[Андрей Гончаров]

Эм в сайте, который вы указали как хорошо работающий, просто стоит фон этого блока, а уже поверх фона загружается видеоблок. На мобилах же видеоблок просто не загружается и остается фон.

Comments

[Егор Рублёв]

пробовал сделать так, вместо видео появляется чёрный фон (а не фон, который указан на блоке)