From 621e2cdb5b6fd2e8557a900d92c5a91c62383ca4 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 13 Jul 2022 22:54:33 -0700
Subject: [PATCH] fix

---
 packages/client/src/components/media-banner.vue | 4 +++-
 packages/client/src/components/media-video.vue  | 7 +++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/components/media-banner.vue b/packages/client/src/components/media-banner.vue
index 0c44c7aae..c9e0ae1ca 100644
--- a/packages/client/src/components/media-banner.vue
+++ b/packages/client/src/components/media-banner.vue
@@ -46,10 +46,12 @@ function volumechange() {
 	if (audioEl) ColdDeviceStorage.set('mediaVolume', audioEl.volume);
 }
 
+const playerInstance = ref();
+
 onMounted(() => {
 	if (audioEl) {
 		audioEl.volume = ColdDeviceStorage.get('mediaVolume');
-		new Vlitejs('#player');
+		playerInstance.value = new Vlitejs('#player');
 	}
 });
 </script>
diff --git a/packages/client/src/components/media-video.vue b/packages/client/src/components/media-video.vue
index 9f5c3cc83..3e3af9b09 100644
--- a/packages/client/src/components/media-video.vue
+++ b/packages/client/src/components/media-video.vue
@@ -8,6 +8,7 @@
 <div v-else class="kkjnbbplepmiyuadieoenjgutgcmtsvu">
 	<video
 		id="player"
+		ref="videoEl"
 		:poster="video.thumbnailUrl"
 		:title="video.comment"
 		:alt="video.comment"
@@ -38,11 +39,13 @@ const props = defineProps<{
 }>();
 
 const videoEl = $ref<HTMLVideoElement | null>();
+Vlitejs.registerPlugin('pip', VlitejsPip);
+
+const playerInstance = ref();
 
 onMounted(() => {
 	if (videoEl) {
-		Vlitejs.registerPlugin('pip', VlitejsPip);
-		new Vlitejs('#player', {
+		playerInstance.value = new Vlitejs(videoEl, {
 			plugins: ['pip'],
 		});
 	}