diff --git a/packages/frontend/src/components/MkMediaAudio.vue b/packages/frontend/src/components/MkMediaAudio.vue
index ebd4fc9ca4..cc52a5baaf 100644
--- a/packages/frontend/src/components/MkMediaAudio.vue
+++ b/packages/frontend/src/components/MkMediaAudio.vue
@@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			:class="$style.nativeAudio"
 			@keydown.prevent
 		>
-			<source :src="audio.url">
+			<source :src="audio.url" :type="audio.type">
 		</audio>
 	</div>
 
@@ -39,8 +39,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<audio
 			ref="audioEl"
 			preload="metadata"
+			tabindex="-1"
+			@keydown.prevent
 		>
-			<source :src="audio.url">
+			<source :src="audio.url" :type="audio.type">
 		</audio>
 		<div :class="[$style.controlsChild, $style.controlsLeft]">
 			<button class="_button" :class="$style.controlButton" @click="togglePlayPause">
diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
index 5923a4be85..a3547ad7b3 100644
--- a/packages/frontend/src/components/MkMediaVideo.vue
+++ b/packages/frontend/src/components/MkMediaVideo.vue
@@ -33,12 +33,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 			:poster="video.thumbnailUrl ?? undefined"
 			:title="video.comment ?? undefined"
 			:alt="video.comment"
-			tabindex="-1"
 			preload="metadata"
 			controls
 			@keydown.prevent
 		>
-			<source :src="video.url">
+			<source :src="video.url" :type="audio.type">
 		</video>
 		<i class="ti ti-eye-off" :class="$style.hide" @click="hide = true"></i>
 		<div :class="$style.indicators">
@@ -60,7 +59,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			@keydown.prevent
 			@click.self="togglePlayPause"
 		>
-			<source :src="video.url">
+			<source :src="video.url" :type="audio.type">
 		</video>
 		<button v-if="isReady && !isPlaying" class="_button" :class="$style.videoOverlayPlayButton" @click="togglePlayPause"><i class="ti ti-player-play-filled"></i></button>
 		<div v-else-if="!isActuallyPlaying" :class="$style.videoLoading">