vue.js - Vue / Nuxt - 如何在视频元素中显示“海报”

Question

我有一段视频要在我的 Nuxt 应用程序中显示。将视频poster属性指向图像时，它不会显示。作为测试，我创建了一个指向同一位置的图像元素并显示图像。

问题

如何显示视频的海报？

<div>
  <video controls preload="none" poster="../static/images/videoposter.png">
    <source src="../static/video/Websitemp4.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
 </video>
</div>

Answer 1

如果您的图像的路径是/static/images/video poster.png然后使用src="/images/videoposter.png"

您不需要像在代码示例中那样使用相对路径。