Vue / Nuxt - 如何在视频元素中显示“海报”答案

【问题标题】：Vue / Nuxt - How to display a "poster" in a video elementVue / Nuxt - 如何在视频元素中显示“海报”
【发布时间】：2021-02-25 13:39:35
【问题描述】：

我有一段视频要在我的 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>

【问题讨论】：

标签： vue.js video nuxt.js poster

【解决方案1】：

如果图片的路径是/static/images/video poster.png，则使用src="/images/videoposter.png"

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

【讨论】：