diff --git a/packages/client/src/components/media-video.vue b/packages/client/src/components/media-video.vue
index 855062dd8..061e9f1c1 100644
--- a/packages/client/src/components/media-video.vue
+++ b/packages/client/src/components/media-video.vue
@@ -28,9 +28,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 import * as misskey from 'misskey-js';
-import VuePlyr from 'vue-plyr';
 import { defaultStore } from '@/store';
-import 'vue-plyr/dist/vue-plyr.css';
 
 const props = defineProps<{
 	video: misskey.entities.DriveFile;
diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts
index 8b490bbab..9cb921bfb 100644
--- a/packages/client/src/init.ts
+++ b/packages/client/src/init.ts
@@ -21,6 +21,8 @@ import widgets from '@/widgets';
 import directives from '@/directives';
 import components from '@/components';
 import { version, ui, lang, host } from '@/config';
+import VuePlyr from 'vue-plyr';
+import 'vue-plyr/dist/vue-plyr.css';
 import { applyTheme } from '@/scripts/theme';
 import { isDeviceDarkmode } from '@/scripts/is-device-darkmode';
 import { i18n } from '@/i18n';
@@ -39,6 +41,7 @@ import { reactionPicker } from '@/scripts/reaction-picker';
 import { getUrlWithoutLoginId } from '@/scripts/login-id';
 import { getAccountFromId } from '@/scripts/get-account-from-id';
 
+
 (async () => {
 	console.info(`Calckey v${version}`);
 
@@ -176,6 +179,8 @@ import { getAccountFromId } from '@/scripts/get-account-from-id';
 		defineAsyncComponent(() => import('@/ui/universal.vue')),
 	);
 
+	app.use(VuePlyr, { plyr: {} });
+
 	if (_DEV_) {
 		app.config.performance = true;
 	}