feat: select tag

components/dynamic-page/page-component/templates/articles/cards/VideoBackground.vue

@@ -23,10 +23,6 @@ const parseData = computed(() => {
 });
 
 const playVideo = ref<boolean>(false)
-
-onMounted(() => {
-  getResource(JSON.parse(props.dataResult).detail)
-})
 </script>
 
 <template>
@@ -41,6 +37,7 @@ onMounted(() => {
             v-if="!playVideo"
             class="article_video_thumb h-full" 
             :style="{ backgroundImage: `url('${parseData.thumbnail ? parseData.thumbnail : '/images/default-thumbnail.jpg'}')` }"
+            @click="playVideo = true"
           >
               <div></div>
               <div class="article_video_content">
@@ -53,7 +50,8 @@ onMounted(() => {
                   </p>
               </div>
           </div>
-          <video src=""></video>
+          <div v-else v-html="getResource('HIGHLIGHT_VIDEO', JSON.parse(props.dataResult).detail)">
+          </div>
       </template>
     </div>