From 955418a2e1cf09109e667c68a23abcf03accc1d7 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sat, 11 Jul 2026 15:08:36 +0900
Subject: [PATCH] Update MkImageGallery.item.vue

---
 packages/frontend/src/components/MkImageGallery.item.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/MkImageGallery.item.vue b/packages/frontend/src/components/MkImageGallery.item.vue
index 7b5892b6ea..a943a87cbf 100644
--- a/packages/frontend/src/components/MkImageGallery.item.vue
+++ b/packages/frontend/src/components/MkImageGallery.item.vue
@@ -54,6 +54,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						draggable="false"
 						loop
 						autoplay
+						playsinline
 						@loadedmetadata="originalContentLoaded = true"
 					></video>
 				</template>
@@ -67,7 +68,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 	<div :class="[$style.header, { [$style.infoShowing]: infoShowing && !isZooming }]">
 		<div :class="$style.title" class="_acrylic">
-			{{ content.comment ?? content.filename }}
+			<MkCondensedLine :minScale="0.5">{{ content.comment ?? content.filename }}</MkCondensedLine>
 		</div>
 	</div>
 
@@ -665,6 +666,7 @@ function onCLick() {
 
 .title {
 	width: max-content;
+	max-width: calc(100% - 20px);
 	margin: auto;
 	padding: 6px 14px;
 	box-sizing: border-box;