From 8a093ddae62212a2bc1562779980bdbaeb104bd0 Mon Sep 17 00:00:00 2001
From: juneix <81808039+juneix@users.noreply.github.com>
Date: Tue, 21 Apr 2026 17:47:28 +0800
Subject: [PATCH] v1.1

---
 en/index.html | 14 +++++++++++++-
 zh/index.html | 14 +++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/en/index.html b/en/index.html
index 253dd84..0f01480 100644
--- a/en/index.html
+++ b/en/index.html
@@ -121,6 +121,15 @@
             .nav-btn.nav-clicked svg {
                 filter: drop-shadow(0 0 6px rgba(82, 181, 75, 0.6));
             }
+
+            /* Hide ugly default play button in some Android WebViews */
+            video::-webkit-media-controls-start-playback-button {
+                display: none !important;
+                -webkit-appearance: none;
+            }
+            video::-webkit-media-controls {
+                display: none !important;
+            }
         }
     </style>
 </head>
@@ -994,7 +1003,10 @@
                             <div id="poster-${i}" class="absolute inset-0 bg-cover bg-center scale-[1.15] blur-xl transition-opacity duration-300 z-0 ${this.state.isScaleFill ? 'opacity-0' : 'opacity-70'}"></div>
                             <div id="overlay-${i}" class="absolute inset-0 bg-black/40 transition-opacity duration-300 z-0 ${this.state.isScaleFill ? 'opacity-0' : 'opacity-100'}"></div>
                             
-                            <video id="video-p${i}" class="video-fullscreen ${this.state.isScaleFill ? 'object-cover' : 'object-contain'} opacity-0 transition-opacity duration-500 z-10" playsinline webkit-playsinline muted autoplay></video>
+                            <video id="video-p${i}"
+                                class="video-fullscreen ${this.state.isScaleFill ? 'object-cover' : 'object-contain'} opacity-0 transition-opacity duration-500 z-10"
+                                playsinline webkit-playsinline muted autoplay
+                                poster="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></video>
                             
                             <div class="touch-layer absolute inset-0 z-20" style="-webkit-touch-callout: none;"></div>
                             
diff --git a/zh/index.html b/zh/index.html
index 1dcf650..0493ea9 100644
--- a/zh/index.html
+++ b/zh/index.html
@@ -133,6 +133,15 @@
             .nav-btn.nav-clicked svg {
                 filter: drop-shadow(0 0 6px rgba(82, 181, 75, 0.6));
             }
+
+            /* 彻底隐藏部分安卓 WebView/浏览器自带的巨大播放按钮 */
+            video::-webkit-media-controls-start-playback-button {
+                display: none !important;
+                -webkit-appearance: none;
+            }
+            video::-webkit-media-controls {
+                display: none !important;
+            }
         }
     </style>
 </head>
@@ -1045,7 +1054,10 @@
                             <div id="overlay-${i}" class="absolute inset-0 bg-black/40 transition-opacity duration-300 z-0 ${this.state.isScaleFill ? 'opacity-0' : 'opacity-100'}"></div>
                             
                             <!-- 视频层：初始透明，于 canplay 时淡入覆盖封面 -->
-                            <video id="video-p${i}" class="video-fullscreen ${this.state.isScaleFill ? 'object-cover' : 'object-contain'} opacity-0 transition-opacity duration-500 z-10" playsinline webkit-playsinline muted autoplay></video>
+                            <video id="video-p${i}"
+                                class="video-fullscreen ${this.state.isScaleFill ? 'object-cover' : 'object-contain'} opacity-0 transition-opacity duration-500 z-10"
+                                playsinline webkit-playsinline muted autoplay
+                                poster="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></video>
                             
                             <!-- 遅罩层：置于视频之上以屏蔽长按啇出的系统原生下载菜单 -->
                             <div class="touch-layer absolute inset-0 z-20" style="-webkit-touch-callout: none;"></div>