eb-player 2.0.4 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2049,7 +2049,12 @@
2049
2049
  user-select: none;
2050
2050
  }
2051
2051
 
2052
- /* Video element fills the container */
2052
+ /* Video element fills the container.
2053
+ filter: brightness(1) is visually identical to no filter but forces Chrome to
2054
+ composite the video through the GPU filter pipeline instead of using a hardware
2055
+ overlay plane. Without this, DRM-protected video (Widevine) renders on a separate
2056
+ hardware overlay that sits above ALL HTML layers — making seekbar snapshot preview
2057
+ and other overlay elements invisible behind the main video. */
2053
2058
  .eb-player video.eb-video {
2054
2059
  position: absolute;
2055
2060
  top: 0;
@@ -2059,6 +2064,7 @@
2059
2064
  display: block;
2060
2065
  object-fit: contain;
2061
2066
  z-index: 1;
2067
+ filter: brightness(1);
2062
2068
  }
2063
2069
 
2064
2070
  /* ============================================================
@@ -2362,23 +2368,29 @@
2362
2368
  padding: 4px 0;
2363
2369
  }
2364
2370
 
2365
- .eb-settings-submenu .eb-settings-menu {
2371
+ .eb-settings-submenu {
2366
2372
  max-height: 200px;
2367
2373
  overflow-y: auto;
2368
2374
  }
2369
2375
 
2370
- .eb-settings-submenu .eb-settings-menu::-webkit-scrollbar {
2376
+ .eb-settings-submenu::-webkit-scrollbar {
2371
2377
  width: 4px;
2372
2378
  }
2373
2379
 
2374
- .eb-settings-submenu .eb-settings-menu::-webkit-scrollbar-thumb {
2380
+ .eb-settings-submenu::-webkit-scrollbar-thumb {
2375
2381
  background: rgba(255, 255, 255, 0.3);
2376
2382
  border-radius: 2px;
2377
2383
  }
2378
2384
 
2385
+ .eb-settings-header {
2386
+ display: flex;
2387
+ align-items: center;
2388
+ gap: 4px;
2389
+ padding: 5px 12px;
2390
+ }
2391
+
2379
2392
  .eb-settings-category,
2380
- .eb-settings-item,
2381
- .eb-settings-back {
2393
+ .eb-settings-item {
2382
2394
  display: flex;
2383
2395
  align-items: center;
2384
2396
  justify-content: space-between;
@@ -2392,9 +2404,18 @@
2392
2404
  text-align: left;
2393
2405
  }
2394
2406
 
2407
+ .eb-settings-back {
2408
+ display: flex;
2409
+ align-items: center;
2410
+ border: none;
2411
+ background: none;
2412
+ color: #fff;
2413
+ cursor: pointer;
2414
+ padding: 0;
2415
+ }
2416
+
2395
2417
  .eb-settings-category:hover,
2396
- .eb-settings-item:hover,
2397
- .eb-settings-back:hover {
2418
+ .eb-settings-item:hover {
2398
2419
  background: rgba(255, 255, 255, 0.1);
2399
2420
  }
2400
2421
 
@@ -2477,13 +2498,27 @@
2477
2498
  white-space: nowrap;
2478
2499
  pointer-events: none;
2479
2500
  text-align: center;
2501
+ z-index: 50;
2502
+ overflow: hidden;
2480
2503
  }
2481
2504
 
2482
2505
  .eb-seekbar-preview {
2506
+ position: static !important;
2483
2507
  width: 120px;
2484
- height: auto;
2485
- display: block;
2486
- margin-bottom: 4px;
2508
+ height: 68px;
2509
+ min-width: 0 !important;
2510
+ min-height: 0 !important;
2511
+ max-width: none !important;
2512
+ max-height: none !important;
2513
+ display: block !important;
2514
+ object-fit: contain;
2515
+ background: #000;
2516
+ margin: 0 !important;
2517
+ padding: 0 !important;
2518
+ border: none !important;
2519
+ inset: auto !important;
2520
+ transform: none !important;
2521
+ z-index: auto !important;
2487
2522
  }
2488
2523
 
2489
2524
  .eb-chapter-marker {
@@ -2843,7 +2878,7 @@
2843
2878
  Responsive: ensure container fills parent
2844
2879
  ============================================================ */
2845
2880
  .eb-player,
2846
- .eb-player video {
2881
+ .eb-player video.eb-video {
2847
2882
  max-width: 100%;
2848
2883
  max-height: 100%;
2849
2884
  }