diff --git a/packages/client/src/components/media-banner.vue b/packages/client/src/components/media-banner.vue
index 0c44c7aaea..c9e0ae1cae 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 9f5c3cc83a..3e3af9b095 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'],
 		});
 	}