diff --git a/packages/client/package.json b/packages/client/package.json
index 0d28b6640..d1ba0ad45 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -109,6 +109,5 @@
 		"eslint-plugin-import": "2.26.0",
 		"eslint-plugin-vue": "9.2.0",
 		"start-server-and-test": "1.14.0"
-	},
-	"packageManager": "yarn@3.2.1"
+	}
 }
diff --git a/packages/client/src/components/media-banner.vue b/packages/client/src/components/media-banner.vue
index 0c44c7aae..0f878e9d9 100644
--- a/packages/client/src/components/media-banner.vue
+++ b/packages/client/src/components/media-banner.vue
@@ -7,7 +7,6 @@
 	</div>
 	<div v-else-if="media.type.startsWith('audio') && media.type !== 'audio/midi'" class="audio">
 		<audio
-			id="player"
 			ref="audioEl"
 			class="audio vlite-js"
 			:src="media.url"
@@ -49,7 +48,7 @@ function volumechange() {
 onMounted(() => {
 	if (audioEl) {
 		audioEl.volume = ColdDeviceStorage.get('mediaVolume');
-		new Vlitejs('#player');
+		new Vlitejs(audioEl);
 	}
 });
 </script>
diff --git a/packages/client/src/components/media-video.vue b/packages/client/src/components/media-video.vue
index 72b01a9a6..bd459b3eb 100644
--- a/packages/client/src/components/media-video.vue
+++ b/packages/client/src/components/media-video.vue
@@ -7,7 +7,6 @@
 </div>
 <div v-else class="kkjnbbplepmiyuadieoenjgutgcmtsvu">
 	<video
-		id="player"
 		ref="videoEl"
 		:poster="video.thumbnailUrl"
 		:title="video.comment"
@@ -34,8 +33,10 @@ const props = defineProps<{
 	video: misskey.entities.DriveFile;
 }>();
 
+const videoEl = $ref(null);
+
 onMounted(() => {
-	new Vlitejs('#player');
+	new Vlitejs(videoEl);
 });
 
 const hide = ref((defaultStore.state.nsfw === 'force') ? true : props.video.isSensitive && (defaultStore.state.nsfw !== 'ignore'));