时间戳

首页 > 解决方案 > 压缩的图像文件未显示在 html 页面中

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

问题描述

我将文件 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

标签： videomp4jpeg2000

解决方案

虽然Safari 浏览器支持JPEG 2000 ，但尚未被其他浏览器采用，也不是网络上普遍使用的格式。

大多数浏览器都支持MP4 中的 H.264 ，但它是一种视频格式，应与<video>标签一起使用。例如：

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

推荐阅读