From 686ae3cb46b343538820533c6b0fc794e0bfdb9d Mon Sep 17 00:00:00 2001 From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com> Date: Sat, 6 Jul 2024 11:36:32 +0900 Subject: [PATCH] fix --- packages/frontend/src/components/MkMediaAudio.vue | 6 ++++-- packages/frontend/src/components/MkMediaVideo.vue | 5 ++--- 2 files changed, 6 insertions(+), 5 deletions(-) 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">