From d55112ec7bbffcc8ede5dfd59bd8a7319db66172 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sat, 11 Jul 2026 17:23:41 +0900
Subject: [PATCH] Update MkMediaVideo.vue

---
 packages/frontend/src/components/MkMediaVideo.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
index 569fdc628a..508ed10d39 100644
--- a/packages/frontend/src/components/MkMediaVideo.vue
+++ b/packages/frontend/src/components/MkMediaVideo.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	ref="playerEl"
 	tabindex="0"
 	:class="[
-		$style.videoContainer,
+		$style.root,
 		(video.isSensitive && prefer.s.highlightSensitiveMedia) && $style.sensitive,
 	]"
 	@contextmenu.stop
@@ -70,7 +70,7 @@ async function reveal() {
 </script>
 
 <style lang="scss" module>
-.videoContainer {
+.root {
 	container-type: inline-size;
 	position: relative;
 	overflow: clip;
@@ -78,6 +78,12 @@ async function reveal() {
 	&:focus-visible {
 		outline: none;
 	}
+
+	&:hover {
+		.playIcon {
+			scale: 1.2;
+		}
+	}
 }
 
 .sensitive {
@@ -186,5 +192,7 @@ async function reveal() {
 	font-size: 120%;
 	background: var(--MI_THEME-accent);
 	color: var(--MI_THEME-fgOnAccent);
+	scale: 1;
+	transition: scale 100ms ease;
 }
 </style>