Как установить фон в теге video html5?

Question

[Капитан Какао]

В общем знаю, что можно задать фон для тега video через poster poster="URL"
Постер работает кросбраузерно, по крайней мере в новых браузерах.
Но мне этот вариант не подходит, так как у меня маленькая картинка, и онаразмножается по X и Y.
По этому, что бы не делать большую картинку для постер, я сделал маленькую и через CSS поставил её фоном и задал repeat, пример по ссылочке.
И всё бы хорошо. Но мой пример работает только в Лисе и Сафари. Опера с Хромом отказываются отображать фоновую картинку.
Подскажите пожалуйста, как это решить)

Answer 1

[MhMadHamster]

jsfiddle.net/1vf7rkmk/3

Comments

[Капитан Какао]

Спасибо большое. Я так понял фишка в том, что нужно установить тег poster с любой картинкой (даже не существующей.) А в CSS фону задать прозрачность "transparent". И проблема решена. Верно?

[MhMadHamster]

Rad Cor: да верно, но лучше поставить что-нибудь вроде https://placehold.it/1x1/transparent

[Капитан Какао]

MhMadHamster: отличное решение, спасибо большое!

Answer 2

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

Обернуть тег video в div, и ему задать фон как тебе нужно.

Answer 3

[Сергей]

Возможно стоит поиграть с z-index