diff --git a/package.json b/package.json
index 298dd43..e74a825 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "element-plus": "^2.1.9",
     "marked": "^4.0.16",
     "vue": "^3.2.33",
+    "vue-lite-youtube-embed": "^1.0.4",
     "vue-router": "^4.0.14"
   },
   "devDependencies": {
diff --git a/src/main.ts b/src/main.ts
index b6e701d..7927d83 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,6 +5,8 @@ import router from "./router";
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 
+import VueYouTubeEmbed from 'vue-youtube-embed'
+
 export const $ = (window as any).jQuery
 
-createApp(App).use(router).use(ElementPlus).mount('#app')
+createApp(App).use(router).use(ElementPlus).use(VueYouTubeEmbed).mount('#app')
diff --git a/yarn.lock b/yarn.lock
index a06803a..7b75b9d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -721,6 +721,18 @@ vue-demi@*:
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.12.5.tgz#8eeed566a7d86eb090209a11723f887d28aeb2d1"
   integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==
 
+vue-demi@latest:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.1.tgz#7604904c88be338418a10abbc94d5b8caa14cb8c"
+  integrity sha512-xmkJ56koG3ptpLnpgmIzk9/4nFf4CqduSJbUM0OdPoU87NwRuZ6x49OLhjSa/fC15fV+5CbEnrxU4oyE022svg==
+
+vue-lite-youtube-embed@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/vue-lite-youtube-embed/-/vue-lite-youtube-embed-1.0.4.tgz#e05f6709f3722001e0310e934c5097c00e8a1c8b"
+  integrity sha512-2JZMa8ysGN1TNQwn9KWqSz8aXgZRnwEBlrrKc8Y6hLiIdr3U0D0ltST4sAYLA5L+eUM4Dfsvxp95egKMSYsEXQ==
+  dependencies:
+    vue-demi latest
+
 vue-property-decorator@^10.0.0-rc.3:
   version "10.0.0-rc.3"
   resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-10.0.0-rc.3.tgz#bb0cb2c7c31dc41149eb432f2104fb82dc3d95be"