Почему при загрузки сайта на секунду появляется картинка с другого блока?

Question

[Mershana]

Здраствуйте, недавно столкнулся с такой проблемой, что при загрузки сайта на секунду появляется картинка с другого блока, затем подгружается видео, особенно видно когда беспрерывно нажимаешь на ф5, пробовал исправить данную проблему через background-size 100% поставить не помогло, затем попробовал получать картинки именно через своей папки - тоже без изменений.
https://mershana.github.io/tesla-clone/

Answer 1

[Илья Петров]

Сначала загружается цвет фона блока, потом картинка из атрибута poster, затем воспроизводится само видео.
Чтобы смотрелось красиво, картинка для poster должна быть первым кадром из видео.
Обязательно, чтобы картинка и видео были одного размера, пиксель в пиксель. Тогда не будет искажения из-за ресайса.

Answer 2

[Дмитрий Кузнецов]

Скорей всего это из-за того, что видео не успевает подгрузиться, соответственно его высота равна ~0%. И получается, что показывается сразу второй блок. Попробуйте указать высоту ему и/или поставьте постер у тега видео.

Comments

[Mershana]

спасибо, решил кадром из видео установил как постер его, вроде бы не колхозно получилось