From 491eba677287434ad566c6e8cb5afb2476c1681d Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sat, 11 Jul 2026 18:26:50 +0900
Subject: [PATCH] Update MkVideoContol.vue

---
 .../frontend/src/components/MkVideoContol.vue | 39 +++++++------------
 1 file changed, 15 insertions(+), 24 deletions(-)

diff --git a/packages/frontend/src/components/MkVideoContol.vue b/packages/frontend/src/components/MkVideoContol.vue
index 59bf57c67e..4a53d425ba 100644
--- a/packages/frontend/src/components/MkVideoContol.vue
+++ b/packages/frontend/src/components/MkVideoContol.vue
@@ -113,7 +113,7 @@ function showMenu(ev: PointerEvent) {
 // MediaControl: Common State
 const oncePlayed = ref(false);
 const isReady = ref(false);
-const isPlaying = ref(false);
+const isPlaying = ref(true);
 const isActuallyPlaying = ref(false);
 const elapsedTimeMs = ref(0);
 const durationMs = ref(0);
@@ -256,21 +256,6 @@ onActivated(() => {
 	display: flex;
 	align-items: center;
 	gap: 4px;
-
-	.controlButton {
-		padding: 6px;
-		border-radius: calc(var(--MI-radius) / 2);
-		transition: background-color .15s ease;
-		font-size: 1.05rem;
-
-		&:hover {
-			background-color: var(--MI_THEME-accent);
-		}
-
-		&:focus-visible {
-			outline: none;
-		}
-	}
 }
 
 .controlsLeft {
@@ -286,16 +271,22 @@ onActivated(() => {
 	justify-content: center;
 }
 
-.controlsTime {
-	font-size: 90%;
+.controlButton {
+	padding: 6px;
+	border-radius: 4px;
+
+	&:hover {
+		background-color: var(--MI_THEME-accentedBg);
+		color: var(--MI_THEME-accent);
+	}
+
+	&:focus-visible {
+		outline: none;
+	}
 }
 
-.controlsVolume {
-	grid-area: volume;
-
-	.volumeSeekbar {
-		display: none;
-	}
+.controlsTime {
+	font-size: 85%;
 }
 
 .seekbar {