videoタグでのサムネイル画像の表示について

前提・実現したいこと

Nuxt.jsでアプリ作成していて、動画の機能をvideoタグ使ってやっていますが
再生リストみたいなのを用意していますが、サムネイル画像が用意されておらず
この場合、サムネイル画像として、動画の0秒目(頭の部分)をサムネイル画像の代わりとして出したいと思っていますがうまく出し方がわかりません…(そもそもできるのか？などから今は調べています)
videoタグの経験が少なく調べながらやっていますが、もしやり方などご存じの方いましたらご教示いただければと思います。

該当のソースコード

Vue.js
1・・・
2      <div>
3        <!-- 再生リスト -->
4        <div class="mt-5">
5          <div class="movie-box">
6            <span class="mt-4 ml-5 mb-3 play-list">
7              再生リスト
8            </span>
9
10            <div
11              v-for="(movie, index) in videos"
12              :key="movie"
13            >
14              <div class="mt-4 ml-5 mb-4 thumbnail">
15                <b-img
16                  :src="movie.fileName"
17                  @click="selectMovie(index)"
18                />
19              </div>
20              <span class="ml-5 title">
21                {{ movie.title }}
22              </span>
23            </div>
24          </div>
25        </div>
26      </div>
27・・・
28export default {
29  return {
30    data () {
31      videos: [
32        {
33          title: xxxx,    // 動画タイトル
34          fileName: xxxx  // 動画ファイル
35        },
36        {
37          title: xxxx,    // 動画タイトル
38          fileName: xxxx  // 動画ファイル
39        },
40        {
41          title: xxxx,    // 動画タイトル
42          fileName: xxxx  // 動画ファイル
43        }
44      ]
45    }
46  }
47・・・
48}