0

在我的 html 页面中,我想包含两次 mp4 视频。第一次将在 0:00–0:43 播放,第二次播放完整视频。在这两种情况下,我都包含了带有海报功能的缩略图。如果视频链接不包含时间戳“#t=0,43”,则在加载视频之前会正确显示缩略图。当我包含时间戳时,将显示时间戳的第一帧,而不是通过海报属性提供的图像。

有没有办法让 html 显示“海报”,即使时间戳被添加到视频链接,没有 javascript?

最小的例子:

<!DOCTYPE html>
  <head>
    <title>title</title>
  </head>
  <body>
    <div>

      <!-- video loaded with timestamp: poster is not presented -->
      <video poster="[someimage].png" controls>
        <source src="[somevideo].mp4#t=0.1,42.5" type="video/mp4">
      </video>
    </div>

    <!-- video loaded without timestamp: poster is presented -->
    <div>
      <video poster="[someimage].png" controls>
        <source src="[somevideo].mp4" type="video/mp4">
      </video>
    </div>

  </body>
</html>

初步解决方案:我添加preload="none"到视频标签。可能不是最好的解决方案,但解决了目前最紧迫的问题。

4

0 回答 0