Vuetify.js 如何在vuetify中播放html5视频？

我想在vuetify中播放html5视频

到目前为止，这是我的代码：

<template>
   ....
   <video width="300" controls>
       <source :src="require('@/assets/media/' + video)" type="video/mp4">
       Your browser does not support HTML video.
   </video>
   ....
</template>

这是json文件：

 "videos": {
      "thumbnail": {
         "url": "2.mp4"
       },
      ....
  }

有人能帮我播放这个视频吗？我还想知道如何给出视频的正确路径。谢谢

 "videos": {
      "thumbnail": {
         "url": "2.mp4"
       },
      ....
  }