Merge pull request surmon-china#172 from Jondari/feature/handle-subtitle

surmon-china · web-flow · commit c503e4947040 · 2018-09-15T22:02:35.000+08:00
add trackList prop to the component to handle subitles or captions
diff --git a/src/player.vue b/src/player.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="video-player" v-if="reseted">
-    <video class="video-js" ref="video"></video>
+    <video class="video-js" ref="video">
+      <track v-for="crtTrack in trackList" :kind="crtTrack.kind" :label="crtTrack.label" :src="crtTrack.src" :srcLang="crtTrack.srcLang" :default="crtTrack.default"/>
+    </video>
   </div>
 </template>
 
@@ -100,6 +102,10 @@
       globalEvents: {
         type: Array,
         default: () => []
+      },
+      trackList: {
+        type: Array,
+        default: () => []
       }
     },
     data() {
