Как сделать, чтобы poster выбирался браузером в зависимости от разрешения экрана и ретины?

Question

[Нина]

Как прописать в HTML - коде или в стилях CSS, чтобы в теге video картинка для poster-а подбиралась в зависимости от разрешения экрана и ретины, по типу обыкновенной картинки в теге picture?

Answer 1

[ThunderCat]

Хак: однопиксельнй транспорент гиф как постер и медиа запросы:
video[poster]{background-image:url(poster.jpg)}

Comments

[Нина]

Спасибо!

[WapSter]

Всегда знал, что на тостере можно многому научиться не задавая вопросов)