v1.1
This commit is contained in:
+13
-1
@@ -121,6 +121,15 @@
|
|||||||
.nav-btn.nav-clicked svg {
|
.nav-btn.nav-clicked svg {
|
||||||
filter: drop-shadow(0 0 6px rgba(82, 181, 75, 0.6));
|
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>
|
</style>
|
||||||
</head>
|
</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="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>
|
<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>
|
<div class="touch-layer absolute inset-0 z-20" style="-webkit-touch-callout: none;"></div>
|
||||||
|
|
||||||
|
|||||||
+13
-1
@@ -133,6 +133,15 @@
|
|||||||
.nav-btn.nav-clicked svg {
|
.nav-btn.nav-clicked svg {
|
||||||
filter: drop-shadow(0 0 6px rgba(82, 181, 75, 0.6));
|
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>
|
</style>
|
||||||
</head>
|
</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>
|
<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 时淡入覆盖封面 -->
|
<!-- 视频层:初始透明,于 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>
|
<div class="touch-layer absolute inset-0 z-20" style="-webkit-touch-callout: none;"></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user