Почему при загрузки сайта на секунду появляется картинка с другого блока?
Здраствуйте, недавно столкнулся с такой проблемой, что при загрузки сайта на секунду появляется картинка с другого блока, затем подгружается видео, особенно видно когда беспрерывно нажимаешь на ф5, пробовал исправить данную проблему через background-size 100% поставить не помогло, затем попробовал получать картинки именно через своей папки - тоже без изменений.
https://mershana.github.io/tesla-clone/
Дополнительно:
Ответы:
Сначала загружается цвет фона блока, потом картинка из атрибута poster, затем воспроизводится само видео.
Чтобы смотрелось красиво, картинка для poster должна быть первым кадром из видео.
Обязательно, чтобы картинка и видео были одного размера, пиксель в пиксель. Тогда не будет искажения из-за ресайса.
Скорей всего это из-за того, что видео не успевает подгрузиться, соответственно его высота равна ~0%. И получается, что показывается сразу второй блок. Попробуйте указать высоту ему и/или поставьте постер у тега видео.
- спасибо, решил кадром из видео установил как постер его, вроде бы не колхозно получилось
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Проблема, которую вы описали, может быть вызвана различными причинами, и для ее решения необходимо провести некоторые дополнительные исследования. Однако, я могу предложить вам несколько возможных причин и способы их решения.
1. Проблема с загрузкой изображения: Возможно, изображение, которое появляется на секунду, загружается с другого сервера или имеет большой размер, из-за чего его загрузка занимает дополнительное время. Для решения этой проблемы можно попробовать оптимизировать изображение (сжать его размер, использовать форматы с меньшим размером файла) или загружать его с того же сервера, где находится ваш сайт.
2. Проблема с CSS или JavaScript: Возможно, что анимация или скрипты на вашем сайте вызывают задержку загрузки изображения. Для решения этой проблемы можно попробовать оптимизировать код CSS и JavaScript, чтобы он работал более эффективно, например, объединить и минимизировать файлы CSS и JavaScript, чтобы уменьшить количество запросов к серверу.
3. Проблема с кэшированием: Возможно, что изображение загружается из кэша браузера или сервера, что может вызвать его отображение на секунду. Для решения этой проблемы можно попробовать очистить кэш браузера или использовать механизмы кэширования на вашем сервере таким образом, чтобы изображение загружалось каждый раз с сервера.
Приведенные выше причины и способы их решения могут помочь вам исправить проблему с отображением изображения на вашем сайте. Однако, если проблема сохраняется, рекомендуется обратиться к специалисту по веб-разработке для дополнительной помощи.
// Пример кода на PHP echo "Пример кода на PHP";