Блог

Главная - Вопросы по программированию - Файлы сжатых изображений не отображаются на странице html

Файлы сжатых изображений не отображаются на странице html

#video #mp4 #jpeg2000

#Видео #МР4 #jpeg2000

Вопрос:

Я сжал файлы gif в mp4 и jpeg в jpeg2000, но когда я указываю это в своем коде, фоновое изображение не отображается

Имена написаны правильно

 header {
  text-align: center;
  background: url('./banner.jpg' /*to jp2*/) no-repeat top center;
  /* background-size: cover; */
  overflow: hidden;
  padding-top: 60px;
  margin-bottom: -50px;
  background-size: 100%;
}

<img src="./longBoard.gif/*to mp4 */" alt="Person Longboarding Downhill" class="hobies-image">

Изображение и GIF для отображения

Комментарии:

1. Я бы рекомендовал использовать ваши инструменты веб-разработчика (F12 почти в каждом браузере) и проверить вкладку Сеть, чтобы увидеть загружаемые элементы. По крайней мере, в вашем <img> теге есть ошибка, поскольку /* comment */ это комментарий в CSS и JS, но в HTML это должно быть <!-- Comment --> . Я бы также рекомендовал не добавлять комментарии где-либо в присваивании свойств, например, оно должно гласить background: url('./banner.jpg') no-repeat top center; .

2. Привет, спасибо за ответ, я просто добавил это, чтобы показать, что я пытался изменить. Я нахожусь на вкладке сеть, но не знаю, как увидеть загружаемые элементы, я буду искать это

3. После того, как вы откроете инструменты, вам нужно перезагрузить страницу (F5 на ней), и тогда вы увидите все запросы 😉

4. Заголовок посвящен проблеме

Ответ №1:

Хотя JPEG 2000 поддерживается браузером Safari, он не был принят другими браузерами и не является форматом, который обычно используется в Интернете.

H.264 в MP4 поддерживается большинством браузеров, но это видеоформат, и его следует использовать с <video> тегом. Например:

   <video src="myvideo.mp4" controls>
  </video>