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

<template>
  <div>
    <video controls poster="path/to/poster.jpg">
      <source src="path/to/video.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>
</template>

<template>
  <div>
    <video controls :poster="`/images/${posterImage}`">
      <source :src="videoSource" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>
</template>

<script>
export default {
  data() {
    return {
      posterImage: 'poster.jpg',
      videoSource: '/videos/video.mp4'
    };
  }
};
</script>