fix: thumbnailを追加

(cherry picked from commit a81a50d)
nacika-ins · Sep 19, 2024 · 74758a5 · 74758a5
1 parent 4cee9f5
commit 74758a5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
@@ -7,12 +7,14 @@
   </div>
   <div v-else class="kkjnbbplepmiyuadieoenjgutgcmtsvu">
     <MkVideoPlayer
+      :poster="video.thumbnailUrl"
       :options="{
         autoplay: false,
         controls: true,
         sources: [
           {
             src: video.url,
+            poster: video.thumbnailUrl,
             type: video.type === 'video/quicktime' ? 'video/mp4' : video.type,
           },
         ],

diff --git a/packages/frontend/src/components/MkVideoPlayer.vue b/packages/frontend/src/components/MkVideoPlayer.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <video ref="videoPlayer" class="video-js" vjs-default-skin playsinline></video>
+    <video ref="videoPlayer" class="video-js" vjs-default-skin playsinline :poster="poster"></video>
   </div>
 </template>
 
@@ -16,6 +16,10 @@ export default {
       default() {
         return {};
       },
+      poster: {
+        type: String,
+        default: '',
+      },
     },
   },
   data() {