压缩图像文件未显示在html页面中

Question

我压缩文件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出现

Answer 1

尽管JPEG 2000是supported by the Safari browser，但它尚未被其他浏览器采用，并且不是通常在网络上使用的格式。

MP4中的H.264是supported by most browsers，但它是一种视频格式，应该与<video>标签一起使用。例如：

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