@viewlift/player-backup 2.0.368-backup → 2.0.369-backup

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.
Files changed (65) hide show
  1. package/cjs/{autoNextVideo-cd4cbbb9.js → autoNextVideo-423d63c8.js} +1 -1
  2. package/cjs/bundle.css +534 -528
  3. package/cjs/{caption-settings-0d09a023.js → caption-settings-03628f5c.js} +1 -1
  4. package/cjs/captions-6d34f14b.js +1 -0
  5. package/cjs/{features-2a288f79.js → features-579dfc09.js} +1 -1
  6. package/cjs/generic-25227e81.js +1 -0
  7. package/cjs/{index-1123dc17.js → index-7ba0c893.js} +1 -1
  8. package/cjs/{index-e6f8f1e4.js → index-8a1b84d3.js} +1 -1
  9. package/cjs/{index-bc3c350b.js → index-a276fc30.js} +1 -1
  10. package/cjs/{index-f1795d76.js → index-db332a6d.js} +1 -1
  11. package/cjs/index.js +1 -1
  12. package/cjs/{multicamv2-9a967399.js → multicamv2-6d996e0b.js} +1 -1
  13. package/cjs/{multicamv2-7578fe18.js → multicamv2-c256747c.js} +1 -1
  14. package/cjs/{nextEpisodeButton-ecfa4502.js → nextEpisodeButton-998a1ee5.js} +1 -1
  15. package/cjs/{playlist-db64ff22.js → playlist-bd921770.js} +1 -1
  16. package/cjs/{series-ceab0ec2.js → series-3467f447.js} +1 -1
  17. package/cjs/{series-v2-e008591f.js → series-v2-aac02f76.js} +1 -1
  18. package/cjs/{series-v2-113306dc.js → series-v2-b021fcb5.js} +1 -1
  19. package/cjs/{skin-461c5101.js → skin-349b3663.js} +1 -1
  20. package/cjs/{skin-45479d96.js → skin-34f792b7.js} +1 -1
  21. package/cjs/{skin-8d3254f5.js → skin-35c00530.js} +1 -1
  22. package/cjs/{skin-d6c941fb.js → skin-46df7021.js} +1 -1
  23. package/cjs/{skin-ec8e4c42.js → skin-6667167e.js} +1 -1
  24. package/cjs/{skin-b2b39b8f.js → skin-68fcfaff.js} +1 -1
  25. package/cjs/{skin-1d9cdcdf.js → skin-7e53cab5.js} +1 -1
  26. package/cjs/{skin-0bb339c9.js → skin-a2409a61.js} +1 -1
  27. package/cjs/{skin-15bfa479.js → skin-f408a8df.js} +1 -1
  28. package/cjs/{skin-614e9e9a.js → skin-fc6db1d4.js} +1 -1
  29. package/cjs/{videoSelector-86ca3f28.js → videoSelector-4ffe5b7f.js} +1 -1
  30. package/cjs/{videoSelector-b3c30284.js → videoSelector-e8d21264.js} +1 -1
  31. package/esm/{autoNextVideo-1119f37e.js → autoNextVideo-cad097ab.js} +1 -1
  32. package/esm/bundle.css +534 -528
  33. package/esm/{caption-settings-e1a53633.js → caption-settings-a34f9eb6.js} +1 -1
  34. package/esm/captions-beaade8a.js +1 -0
  35. package/esm/{features-e6aab838.js → features-dc601109.js} +1 -1
  36. package/esm/generic-326a71a3.js +1 -0
  37. package/esm/{index-a8fb3837.js → index-662263e1.js} +1 -1
  38. package/esm/{index-5b55208a.js → index-98364c13.js} +1 -1
  39. package/esm/{index-d874b6ce.js → index-d9840bdb.js} +1 -1
  40. package/esm/{index-62b477f6.js → index-df589dc0.js} +1 -1
  41. package/esm/index.js +1 -1
  42. package/esm/{multicamv2-091fba31.js → multicamv2-55a8ddf8.js} +1 -1
  43. package/esm/{multicamv2-b0c5daa3.js → multicamv2-76c9d34d.js} +1 -1
  44. package/esm/{nextEpisodeButton-848dab7f.js → nextEpisodeButton-cfefe961.js} +1 -1
  45. package/esm/{playlist-4491f5c6.js → playlist-05e214e9.js} +1 -1
  46. package/esm/{series-0ac0d85b.js → series-d48a5f64.js} +1 -1
  47. package/esm/{series-v2-bac0daf1.js → series-v2-81097d29.js} +1 -1
  48. package/esm/{series-v2-426af9af.js → series-v2-f67e637d.js} +1 -1
  49. package/esm/{skin-d4f7faf5.js → skin-00682294.js} +1 -1
  50. package/esm/{skin-e0068359.js → skin-248d30eb.js} +1 -1
  51. package/esm/{skin-7b555431.js → skin-4015b68e.js} +1 -1
  52. package/esm/{skin-fdf8ab0a.js → skin-569ec669.js} +1 -1
  53. package/esm/{skin-58e77247.js → skin-79aa1313.js} +1 -1
  54. package/esm/{skin-d5ffda9e.js → skin-ba2fdd77.js} +1 -1
  55. package/esm/{skin-1f287add.js → skin-da04ffa7.js} +1 -1
  56. package/esm/{skin-8d3718c7.js → skin-ec2a96b8.js} +1 -1
  57. package/esm/{skin-95544751.js → skin-f065740a.js} +1 -1
  58. package/esm/{skin-1e0df6ec.js → skin-f675016d.js} +1 -1
  59. package/esm/{videoSelector-cdee8c18.js → videoSelector-7b03e2ee.js} +1 -1
  60. package/esm/{videoSelector-6faeb573.js → videoSelector-8290988a.js} +1 -1
  61. package/package.json +1 -1
  62. package/cjs/captions-4dfe293a.js +0 -1
  63. package/cjs/generic-1fd7c1af.js +0 -1
  64. package/esm/captions-1f931e14.js +0 -1
  65. package/esm/generic-80161db0.js +0 -1
package/esm/bundle.css CHANGED
@@ -3,207 +3,6 @@
3
3
 
4
4
 
5
5
 
6
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
7
- height: 0.7em !important;
8
- position: absolute !important;
9
- top: -0.7em !important;
10
- width: 100% !important;
11
- }
12
-
13
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
14
- height: 100%;
15
- }
16
-
17
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
18
- line-height: 2.5;
19
- }
20
-
21
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
22
- height: 19px;
23
- width: 19px;
24
- cursor: pointer;
25
- }
26
- .video-js.skin_vlone .vjs-control {
27
- user-select: none;
28
- }
29
- .video-js.skin_vlone .vjs-custom-control-spacer{
30
- user-select: none;
31
- }
32
-
33
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
34
- height: 19px;
35
- width: 19px;
36
- cursor: pointer;
37
- }
38
-
39
- .video-js.skin_vlone .vjs-play-progress:before {
40
- display: none !important;
41
- }
42
-
43
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
44
- margin: 0 !important;
45
-
46
- }
47
-
48
-
49
- .video-js.skin_vlone .vjs-custom-control-spacer {
50
- display: block;
51
- flex: 1 1 auto;
52
- }
53
-
54
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
55
- z-index: 1;
56
- }
57
-
58
-
59
- .video-js.skin_vlone .vjs-control-bar {
60
- height: 40px;
61
- }
62
-
63
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
64
- .vjs-button>.vjs-icon-placeholder:before {
65
- position: relative !important;
66
- }
67
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
68
- display: flex;
69
- left: 0px;
70
- top: -1px;
71
- }
72
-
73
- .vjs-button>.vjs-icon-placeholder:before {
74
- font-size: 2em !important;
75
- }
76
-
77
- .video-js.skin_vlone .vjs-control {
78
- width: 4.3em;
79
- }
80
-
81
- .vjs-menu-button-popup .vjs-menu {
82
- bottom: 10px !important;
83
- }
84
-
85
-
86
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
87
- height: 1.3em !important;
88
- position: absolute !important;
89
- top: -1.3em !important;
90
- transition: height 0.3s, top 0.3s !important;
91
- }
92
-
93
-
94
- .video-js.skin_vlone.vjs-live .vjs-time-control{
95
- display: none !important;
96
- }
97
-
98
- .video-js.skin_vlone .vjs-time-control {
99
- display: block;
100
- }
101
- .video-js.skin_vlone .vjs-remaining-time {
102
- display: none;
103
- }
104
-
105
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
106
- line-height: 3.5em;
107
- font-size: 1.1em;
108
- min-width: 4em;
109
- }
110
-
111
- .video-js.skin_vlone .vjs-time-divider > div{
112
- display: flex;
113
- justify-content: center;
114
- }
115
-
116
- .video-js.skin_vlone .vjs-live-control{
117
- align-items: center;
118
- }
119
- .video-js.skin_vlone .vjs-live-display{
120
- height: 2.2em;
121
- display: flex;
122
- align-items: center;
123
- font-family: monospace;
124
- width: 4em;
125
- justify-content: center;
126
- background: red;
127
- margin: 4px 0px 4px 12px;
128
- }
129
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
130
- background: #6b6b6b;
131
- }
132
- .video-js.skin_vlone .vjs-live-display:hover{
133
- cursor: pointer;
134
- }
135
-
136
- .video-js.skin_vlone .vjs-time-control {
137
- line-height: 3.5em !important;
138
- font-size: 1.1em !important;
139
- width: min-content !important;
140
- min-width: 1.5em;
141
- padding: 0 !important;
142
- user-select: none;
143
- }
144
-
145
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
146
- margin-left: 16px !important;
147
- }
148
-
149
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
150
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
151
- font-size: 1.2em !important;
152
- line-height: 1.5em !important;
153
- padding: 0.2em 0.8em !important;
154
- }
155
-
156
-
157
- /* Big play */
158
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
159
- width: 80px;
160
- height: 80px;
161
- display: flex;
162
- justify-content: center;
163
- align-items: center;
164
- border: none;
165
- position: absolute;
166
- top: 0;
167
- left: 0;
168
- right: 0;
169
- bottom: 0;
170
- margin: auto;
171
- font-size: 5em;
172
- line-height: 1.3em;
173
- transform: none !important;
174
- border-radius: 1.3em;
175
- }
176
- .video-js.skin_vlone .ssai-ad-container{
177
- position: absolute;
178
- bottom: 4px;
179
- }
180
-
181
- @media(max-width:600px){
182
- .video-js.skin_vlone button.vjs-big-play-button {
183
- width: 50px !important;
184
- height: 50px !important;
185
- font-size: 2.1rem !important;
186
- }
187
-
188
- .video-js.skin_vlone .ssai-ad-container {
189
- position: absolute;
190
- bottom: 2px;
191
- }
192
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
193
- display: none;
194
- }
195
-
196
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
197
- /* display: none; */
198
- }
199
-
200
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
201
- /* display: none; */
202
- }
203
- }
204
- .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
205
- text-decoration: underline;
206
- }
207
6
 
208
7
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
209
8
  font-size: 2.2em;
@@ -1215,339 +1014,213 @@
1215
1014
 
1216
1015
 
1217
1016
 
1218
-
1219
- .video-js.skin_cn_news .vjs-control-bar {
1220
- z-index: 1 !important;
1221
- height: auto !important;
1222
- padding: 0.8em 30px 0.6em;
1223
- background: transparent !important;
1224
- display: flex;
1225
- flex-wrap: wrap;
1226
- align-items: center;
1227
- column-gap: 10px;
1017
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1018
+ height: 0.7em !important;
1019
+ position: absolute !important;
1020
+ top: -0.7em !important;
1021
+ width: 100% !important;
1228
1022
  }
1229
1023
 
1230
-
1231
- .video-js.skin_cn_news .vjs-control-bar::before {
1232
- content: '';
1233
- position: absolute;
1234
- left: 0;
1235
- right: 0;
1236
- bottom: 0;
1237
- top: -3em;
1238
- background: linear-gradient(
1239
- to top,
1240
- rgba(0, 0, 0, 0.85) 0%,
1241
- rgba(0, 0, 0, 0.7) 40%,
1242
- rgba(0, 0, 0, 0.55) 70%,
1243
- rgba(0, 0, 0, 0.38) 86%,
1244
- transparent 100%
1245
- );
1246
- pointer-events: none;
1247
- z-index: -1;
1024
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1025
+ height: 100%;
1248
1026
  }
1249
1027
 
1250
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1251
- order: -1;
1252
- flex: 0 0 100%;
1253
- width: 80%;
1254
- margin: 0 0 5em;
1255
- position: relative;
1028
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1029
+ line-height: 2.5;
1256
1030
  }
1257
1031
 
1258
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1259
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1260
- width: auto;
1261
- min-width: 0;
1032
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1033
+ height: 19px;
1034
+ width: 19px;
1035
+ cursor: pointer;
1262
1036
  }
1263
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1264
- display: inline-flex;
1265
- align-items: center;
1266
- justify-content: center;
1267
- height: 7em;
1268
- padding: 0 10px;
1269
- color: #fff;
1037
+ .video-js.skin_vlone .vjs-control {
1038
+ user-select: none;
1270
1039
  }
1271
-
1272
- .video-js.skin_cn_news .vjs-svg-icon::before {
1273
- content: none !important;
1040
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1041
+ user-select: none;
1274
1042
  }
1275
1043
 
1276
-
1277
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1278
- display: inline-flex;
1279
- align-items: center;
1280
- justify-content: center;
1281
- }
1282
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1283
- .video-js.skin_cn_news .vjs-rewind-button svg {
1284
- width: 24px;
1285
- height: 24px;
1286
- display: block;
1044
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1045
+ height: 19px;
1046
+ width: 19px;
1047
+ cursor: pointer;
1287
1048
  }
1288
1049
 
1050
+ .video-js.skin_vlone .vjs-play-progress:before {
1051
+ display: none !important;
1052
+ }
1289
1053
 
1054
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1055
+ margin: 0 !important;
1290
1056
 
1291
- .video-js.skin_cn_news .vjs-subs-caps-button {
1292
- opacity: 1;
1293
1057
  }
1294
1058
 
1295
1059
 
1296
-
1297
- .video-js.skin_cn_news .vjs-volume-panel {
1298
- margin: 0;
1299
- display: inline-flex;
1300
- align-items: center;
1301
- align-self: center;
1302
- height: 2.2em;
1303
- min-width: 7em;
1304
- transition: none;
1305
- }
1306
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1307
- width: 0;
1308
- height: 100%;
1309
- display: flex;
1310
- align-items: center;
1311
- overflow: hidden;
1312
- opacity: 0;
1313
- transition: width 0.15s ease, opacity 0.15s ease;
1314
- }
1315
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1316
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1317
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1318
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1319
- width: 5em;
1320
- opacity: 1;
1060
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1061
+ display: block;
1062
+ flex: 1 1 auto;
1321
1063
  }
1322
1064
 
1323
- .video-js.skin_cn_news .vjs-volume-bar {
1324
- width: 4em;
1325
- height: 0.3em;
1326
- margin: 0 0.45em;
1065
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1066
+ z-index: 1;
1327
1067
  }
1328
1068
 
1329
1069
 
1330
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1331
- display: none !important;
1070
+ .video-js.skin_vlone .vjs-control-bar {
1071
+ height: 40px;
1332
1072
  }
1333
1073
 
1334
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1335
- width: 0 !important;
1074
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1075
+ .vjs-button>.vjs-icon-placeholder:before {
1076
+ position: relative !important;
1336
1077
  }
1337
-
1338
-
1339
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1340
- display: block !important;
1341
- flex: 1 1 auto;
1078
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1079
+ display: flex;
1080
+ left: 0px;
1081
+ top: -1px;
1342
1082
  }
1343
1083
 
1084
+ .vjs-button>.vjs-icon-placeholder:before {
1085
+ font-size: 2em !important;
1086
+ }
1344
1087
 
1345
- .video-js.skin_cn_news .vjs-big-play-button {
1346
- display: none;
1088
+ .video-js.skin_vlone .vjs-control {
1089
+ width: 4.3em;
1347
1090
  }
1348
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1349
- position: relative !important;
1350
- display: flex;
1351
- left: 0;
1352
- top: -1px;
1091
+
1092
+ .vjs-menu-button-popup .vjs-menu {
1093
+ bottom: 10px !important;
1353
1094
  }
1354
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1355
- display: flex;
1356
- justify-content: center;
1357
- align-items: center;
1358
- position: absolute;
1359
- top: 0;
1360
- left: 0;
1361
- right: 0;
1362
- bottom: 0;
1363
- margin: auto;
1364
- width: 80px;
1365
- height: 80px;
1366
- border: none;
1367
- border-radius: 50%;
1368
- background: rgba(0, 0, 0, 0.55);
1369
- font-size: 5em;
1370
- line-height: 1.3em;
1371
- transform: none !important;
1095
+
1096
+ .video-js .vjs-subs-caps-button .vjs-menu li,
1097
+ .video-js .vjs-subtitles-button .vjs-menu li,
1098
+ .video-js .vjs-captions-button .vjs-menu li {
1099
+ text-transform: none;
1372
1100
  }
1373
1101
 
1374
1102
 
1375
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1376
- height: 4px !important;
1377
- margin: 0;
1378
- border-radius: 20px;
1379
- background-color: #393944;
1103
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1104
+ height: 1.3em !important;
1105
+ position: absolute !important;
1106
+ top: -1.3em !important;
1107
+ transition: height 0.3s, top 0.3s !important;
1380
1108
  }
1381
1109
 
1382
- .video-js.skin_cn_news .vjs-play-progress {
1383
- background-color: #ffffff;
1384
- border-radius: 20px;
1385
- }
1386
1110
 
1387
- .video-js.skin_cn_news .vjs-load-progress,
1388
- .video-js.skin_cn_news .vjs-load-progress div {
1389
- background: rgba(255, 255, 255, 0.15);
1390
- border-radius: 20px;
1111
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1112
+ display: none !important;
1391
1113
  }
1392
1114
 
1393
-
1394
- .video-js.skin_cn_news .vjs-play-progress:before {
1395
- content: '';
1396
- width: 16px;
1397
- height: 16px;
1398
- border-radius: 50%;
1399
- background: #ffffff;
1400
- border: 2px solid rgba(0, 0, 0, 0.6);
1401
- box-sizing: border-box;
1402
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1403
- top: -6px;
1404
- right: -8px;
1405
- position: absolute;
1115
+ .video-js.skin_vlone .vjs-time-control {
1116
+ display: block;
1406
1117
  }
1407
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1408
- display: none !important;
1118
+ .video-js.skin_vlone .vjs-remaining-time {
1119
+ display: none;
1409
1120
  }
1410
1121
 
1411
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1412
- background: #ffffff;
1413
- color: #0a0e17;
1414
- font-weight: 700;
1415
- border-radius: 3px;
1122
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1123
+ line-height: 3.5em;
1124
+ font-size: 1.1em;
1125
+ min-width: 4em;
1416
1126
  }
1417
1127
 
1418
- .video-js.skin_cn_news .vjs-live-control {
1419
- display: none !important;
1420
- }
1421
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1422
- display: inline-flex;
1423
- align-items: center;
1424
- align-self: center;
1425
- height: 2.2em;
1426
- gap: 5px;
1427
- width: auto;
1428
- padding: 0 10px;
1429
- border: 1px solid rgba(255, 255, 255, 0.45);
1430
- border-radius: 4px;
1431
- cursor: pointer;
1128
+ .video-js.skin_vlone .vjs-time-divider > div{
1129
+ display: flex;
1130
+ justify-content: center;
1432
1131
  }
1433
1132
 
1434
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1435
- display: none;
1133
+ .video-js.skin_vlone .vjs-live-control{
1134
+ align-items: center;
1436
1135
  }
1437
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1438
- display: inline-flex;
1439
- align-items: center;
1136
+ .video-js.skin_vlone .vjs-live-display{
1137
+ height: 2.2em;
1138
+ display: flex;
1139
+ align-items: center;
1140
+ font-family: monospace;
1141
+ width: 4em;
1142
+ justify-content: center;
1143
+ background: red;
1144
+ margin: 4px 0px 4px 12px;
1440
1145
  }
1441
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1442
- content: '';
1443
- display: inline-block;
1444
- width: 8px;
1445
- height: 8px;
1446
- border-radius: 50%;
1447
- background: #ff2d2d; /* red live dot */
1146
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
1147
+ background: #6b6b6b;
1448
1148
  }
1449
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1450
- color: #ffffff;
1451
- font-weight: 700;
1452
- font-size: 12px;
1453
- letter-spacing: 0.03em;
1149
+ .video-js.skin_vlone .vjs-live-display:hover{
1150
+ cursor: pointer;
1454
1151
  }
1455
1152
 
1456
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1457
- border-color: transparent;
1458
- }
1459
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1460
- color: #ff2d2d;
1153
+ .video-js.skin_vlone .vjs-time-control {
1154
+ line-height: 3.5em !important;
1155
+ font-size: 1.1em !important;
1156
+ width: min-content !important;
1157
+ min-width: 1.5em;
1158
+ padding: 0 !important;
1159
+ user-select: none;
1461
1160
  }
1462
1161
 
1463
- /* ---- time controls ---- */
1464
- .video-js.skin_cn_news .vjs-current-time,
1465
- .video-js.skin_cn_news .vjs-duration,
1466
- .video-js.skin_cn_news .vjs-time-divider {
1467
- display: none !important;
1162
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1163
+ margin-left: 16px !important;
1468
1164
  }
1469
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1470
- display: none;
1471
- align-items: center;
1472
- justify-content: center;
1473
- font-size: 11px;
1474
- font-weight: 700;
1475
- color: #fff;
1476
- padding: 0 6px;
1477
- user-select: none;
1165
+
1166
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1167
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1168
+ font-size: 1.2em !important;
1169
+ line-height: 1.5em !important;
1170
+ padding: 0.2em 0.8em !important;
1478
1171
  }
1479
1172
 
1480
1173
 
1481
- .video-js.skin_cn_news .vjs-chapter-marker {
1482
- z-index: 2;
1483
- width: var(--vl-chapter-size, 8px);
1484
- height: var(--vl-chapter-size, 8px);
1485
- top: 50%;
1486
- bottom: auto;
1487
- background: var(--vl-chapter-color, #ffffff);
1488
- opacity: var(--vl-chapter-opacity, 1);
1489
- border-radius: 50%;
1490
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1491
- transform: translate(-50%, -50%) scale(1);
1492
- transition: background-color 0.12s ease;
1174
+ /* Big play */
1175
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1176
+ width: 80px;
1177
+ height: 80px;
1178
+ display: flex;
1179
+ justify-content: center;
1180
+ align-items: center;
1181
+ border: none;
1182
+ position: absolute;
1183
+ top: 0;
1184
+ left: 0;
1185
+ right: 0;
1186
+ bottom: 0;
1187
+ margin: auto;
1188
+ font-size: 5em;
1189
+ line-height: 1.3em;
1190
+ transform: none !important;
1191
+ border-radius: 1.3em;
1493
1192
  }
1494
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1495
- background: var(--vl-chapter-hover, #0a5cff);
1193
+ .video-js.skin_vlone .ssai-ad-container{
1194
+ position: absolute;
1195
+ bottom: 4px;
1196
+ }
1197
+
1198
+ @media(max-width:600px){
1199
+ .video-js.skin_vlone button.vjs-big-play-button {
1200
+ width: 50px !important;
1201
+ height: 50px !important;
1202
+ font-size: 2.1rem !important;
1203
+ }
1204
+
1205
+ .video-js.skin_vlone .ssai-ad-container {
1206
+ position: absolute;
1207
+ bottom: 2px;
1496
1208
  }
1497
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1498
- background: var(--vl-chapter-active, #0a5cff);
1209
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1210
+ display: none;
1499
1211
  }
1500
1212
 
1501
-
1502
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1503
- width: 16px;
1504
- height: 16px;
1505
- bottom: 160%;
1506
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1213
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1214
+ /* display: none; */
1507
1215
  }
1508
1216
 
1509
-
1510
- .video-js.skin_cn_news .vjs-chapter-preview {
1511
- background: var(--vl-chapter-tooltip, #0a5cff);
1512
- border-radius: 6px;
1513
- padding: 8px 10px;
1514
- width: max-content;
1515
- max-width: 300px;
1516
- text-align: left;
1517
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1518
- }
1519
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1520
- color: #ffffff;
1521
- font-size: 13px;
1522
- font-weight: 400;
1523
- margin-bottom: 2px;
1524
- }
1525
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1526
- color: #ffffff;
1527
- font-size: 13px;
1528
- font-weight: 400;
1529
- line-height: 1.3;
1530
- white-space: normal;
1531
- text-align: left;
1217
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1218
+ /* display: none; */
1532
1219
  }
1533
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1534
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1535
1220
  }
1536
-
1537
- /* ---- responsive ---- */
1538
- @media (max-width: 576px) {
1539
- .video-js.skin_cn_news .vjs-control-bar {
1540
- height: 3.2em !important;
1541
- padding: 0 8px;
1542
- }
1543
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1544
- padding: 0 6px;
1545
- }
1546
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1547
- display: none !important;
1548
- }
1221
+ .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
1222
+ text-decoration: underline;
1549
1223
  }
1550
-
1551
1224
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1552
1225
  font-size: 2.2em;
1553
1226
  line-height: 2.6;
@@ -1925,99 +1598,432 @@
1925
1598
  height: 20px;
1926
1599
  }
1927
1600
 
1928
- .stream-selector-icon>svg{
1929
- width: 24px;
1930
- height: 24px;
1601
+ .stream-selector-icon>svg{
1602
+ width: 24px;
1603
+ height: 24px;
1604
+ }
1605
+ .video-js.skin_mini .vjs-seek-to-live-text{
1606
+ font-size: 12px;
1607
+ }
1608
+ }
1609
+
1610
+
1611
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1612
+ background-color: rgba(0, 0, 0, 0.2);
1613
+ }
1614
+
1615
+
1616
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1617
+ display: flex;
1618
+ justify-content: center;
1619
+ align-items: center;
1620
+ height: 100%;
1621
+ transition: width 0.1s;
1622
+ }
1623
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1624
+ margin: 2px;
1625
+ }
1626
+
1627
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1628
+ display: flex;
1629
+ justify-content: center;
1630
+ align-items: center;
1631
+ height: 100%;
1632
+ transition: width 0.1s;
1633
+ }
1634
+
1635
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1636
+ display: block;
1637
+ font-size: 10px;
1638
+ padding: 6px 10px;
1639
+ margin: 0;
1640
+ max-height: 100%;
1641
+ overflow-y: auto;
1642
+ }
1643
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1644
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1645
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1646
+ display: block;
1647
+ width: 100%;
1648
+ }
1649
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
1650
+ margin: 4px 0;
1651
+ }
1652
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
1653
+ display: block;
1654
+ padding: 0 0 6px;
1655
+ }
1656
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1657
+ max-width: 100%;
1658
+ }
1659
+
1660
+ @media (max-width: 600px) {
1661
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1662
+ height: 5px !important;
1663
+ }
1664
+
1665
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1666
+ display: none;
1667
+ }
1668
+
1669
+ }
1670
+
1671
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1672
+ content: none !important;
1673
+ fill: none !important;
1674
+ filter: none !important;
1675
+ }
1676
+
1677
+ /* svg icons opacity and hover effect */
1678
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1679
+ opacity: 0.7 !important;
1680
+ }
1681
+
1682
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1683
+ opacity: 1 !important;
1684
+ }
1685
+
1686
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1687
+ color: rgba(255, 255, 2555, 0.7)!important;
1688
+ }
1689
+
1690
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1691
+ color: rgba(255, 255, 2555, 1)!important;
1692
+ }
1693
+
1694
+
1695
+
1696
+ .video-js.skin_cn_news .vjs-control-bar {
1697
+ z-index: 1 !important;
1698
+ height: auto !important;
1699
+ padding: 0.8em 30px 0.6em;
1700
+ background: transparent !important;
1701
+ display: flex;
1702
+ flex-wrap: wrap;
1703
+ align-items: center;
1704
+ column-gap: 10px;
1705
+ }
1706
+
1707
+
1708
+ .video-js.skin_cn_news .vjs-control-bar::before {
1709
+ content: '';
1710
+ position: absolute;
1711
+ left: 0;
1712
+ right: 0;
1713
+ bottom: 0;
1714
+ top: -3em;
1715
+ background: linear-gradient(
1716
+ to top,
1717
+ rgba(0, 0, 0, 0.85) 0%,
1718
+ rgba(0, 0, 0, 0.7) 40%,
1719
+ rgba(0, 0, 0, 0.55) 70%,
1720
+ rgba(0, 0, 0, 0.38) 86%,
1721
+ transparent 100%
1722
+ );
1723
+ pointer-events: none;
1724
+ z-index: -1;
1725
+ }
1726
+
1727
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1728
+ order: -1;
1729
+ flex: 0 0 100%;
1730
+ width: 80%;
1731
+ margin: 0 0 5em;
1732
+ position: relative;
1733
+ }
1734
+
1735
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1736
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1737
+ width: auto;
1738
+ min-width: 0;
1739
+ }
1740
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1741
+ display: inline-flex;
1742
+ align-items: center;
1743
+ justify-content: center;
1744
+ height: 7em;
1745
+ padding: 0 10px;
1746
+ color: #fff;
1747
+ }
1748
+
1749
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1750
+ content: none !important;
1751
+ }
1752
+
1753
+
1754
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1755
+ display: inline-flex;
1756
+ align-items: center;
1757
+ justify-content: center;
1758
+ }
1759
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1760
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1761
+ width: 24px;
1762
+ height: 24px;
1763
+ display: block;
1764
+ }
1765
+
1766
+
1767
+
1768
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1769
+ opacity: 1;
1770
+ }
1771
+
1772
+
1773
+
1774
+ .video-js.skin_cn_news .vjs-volume-panel {
1775
+ margin: 0;
1776
+ display: inline-flex;
1777
+ align-items: center;
1778
+ align-self: center;
1779
+ height: 2.2em;
1780
+ min-width: 7em;
1781
+ transition: none;
1782
+ }
1783
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1784
+ width: 0;
1785
+ height: 100%;
1786
+ display: flex;
1787
+ align-items: center;
1788
+ overflow: hidden;
1789
+ opacity: 0;
1790
+ transition: width 0.15s ease, opacity 0.15s ease;
1791
+ }
1792
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1793
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1794
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1795
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1796
+ width: 5em;
1797
+ opacity: 1;
1798
+ }
1799
+
1800
+ .video-js.skin_cn_news .vjs-volume-bar {
1801
+ width: 4em;
1802
+ height: 0.3em;
1803
+ margin: 0 0.45em;
1931
1804
  }
1932
- .video-js.skin_mini .vjs-seek-to-live-text{
1933
- font-size: 12px;
1805
+
1806
+
1807
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1808
+ display: none !important;
1934
1809
  }
1810
+
1811
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1812
+ width: 0 !important;
1935
1813
  }
1936
1814
 
1937
1815
 
1938
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1939
- background-color: rgba(0, 0, 0, 0.2);
1816
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1817
+ display: block !important;
1818
+ flex: 1 1 auto;
1940
1819
  }
1941
1820
 
1942
1821
 
1943
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1944
- display: flex;
1945
- justify-content: center;
1946
- align-items: center;
1947
- height: 100%;
1948
- transition: width 0.1s;
1822
+ .video-js.skin_cn_news .vjs-big-play-button {
1823
+ display: none;
1949
1824
  }
1950
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1951
- margin: 2px;
1825
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1826
+ position: relative !important;
1827
+ display: flex;
1828
+ left: 0;
1829
+ top: -1px;
1952
1830
  }
1953
-
1954
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1831
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1955
1832
  display: flex;
1956
1833
  justify-content: center;
1957
1834
  align-items: center;
1958
- height: 100%;
1959
- transition: width 0.1s;
1835
+ position: absolute;
1836
+ top: 0;
1837
+ left: 0;
1838
+ right: 0;
1839
+ bottom: 0;
1840
+ margin: auto;
1841
+ width: 80px;
1842
+ height: 80px;
1843
+ border: none;
1844
+ border-radius: 50%;
1845
+ background: rgba(0, 0, 0, 0.55);
1846
+ font-size: 5em;
1847
+ line-height: 1.3em;
1848
+ transform: none !important;
1960
1849
  }
1961
1850
 
1962
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1963
- display: block;
1964
- font-size: 10px;
1965
- padding: 6px 10px;
1851
+
1852
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1853
+ height: 4px !important;
1966
1854
  margin: 0;
1967
- max-height: 100%;
1968
- overflow-y: auto;
1855
+ border-radius: 20px;
1856
+ background-color: #393944;
1969
1857
  }
1970
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1971
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1972
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1973
- display: block;
1974
- width: 100%;
1858
+
1859
+ .video-js.skin_cn_news .vjs-play-progress {
1860
+ background-color: #ffffff;
1861
+ border-radius: 20px;
1975
1862
  }
1976
- .video-js.skin_mini .vjs-text-track-settings fieldset{
1977
- margin: 4px 0;
1863
+
1864
+ .video-js.skin_cn_news .vjs-load-progress,
1865
+ .video-js.skin_cn_news .vjs-load-progress div {
1866
+ background: rgba(255, 255, 255, 0.15);
1867
+ border-radius: 20px;
1978
1868
  }
1979
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
1980
- display: block;
1981
- padding: 0 0 6px;
1869
+
1870
+
1871
+ .video-js.skin_cn_news .vjs-play-progress:before {
1872
+ content: '';
1873
+ width: 16px;
1874
+ height: 16px;
1875
+ border-radius: 50%;
1876
+ background: #ffffff;
1877
+ border: 2px solid rgba(0, 0, 0, 0.6);
1878
+ box-sizing: border-box;
1879
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1880
+ top: -6px;
1881
+ right: -8px;
1882
+ position: absolute;
1982
1883
  }
1983
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1984
- max-width: 100%;
1884
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1885
+ display: none !important;
1985
1886
  }
1986
1887
 
1987
- @media (max-width: 600px) {
1988
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1989
- height: 5px !important;
1990
- }
1888
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1889
+ background: #ffffff;
1890
+ color: #0a0e17;
1891
+ font-weight: 700;
1892
+ border-radius: 3px;
1893
+ }
1991
1894
 
1992
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1993
- display: none;
1994
- }
1895
+ .video-js.skin_cn_news .vjs-live-control {
1896
+ display: none !important;
1897
+ }
1898
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1899
+ display: inline-flex;
1900
+ align-items: center;
1901
+ align-self: center;
1902
+ height: 2.2em;
1903
+ gap: 5px;
1904
+ width: auto;
1905
+ padding: 0 10px;
1906
+ border: 1px solid rgba(255, 255, 255, 0.45);
1907
+ border-radius: 4px;
1908
+ cursor: pointer;
1909
+ }
1995
1910
 
1911
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1912
+ display: none;
1913
+ }
1914
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1915
+ display: inline-flex;
1916
+ align-items: center;
1917
+ }
1918
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1919
+ content: '';
1920
+ display: inline-block;
1921
+ width: 8px;
1922
+ height: 8px;
1923
+ border-radius: 50%;
1924
+ background: #ff2d2d; /* red live dot */
1925
+ }
1926
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1927
+ color: #ffffff;
1928
+ font-weight: 700;
1929
+ font-size: 12px;
1930
+ letter-spacing: 0.03em;
1996
1931
  }
1997
1932
 
1998
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1999
- content: none !important;
2000
- fill: none !important;
2001
- filter: none !important;
1933
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1934
+ border-color: transparent;
1935
+ }
1936
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1937
+ color: #ff2d2d;
2002
1938
  }
2003
1939
 
2004
- /* svg icons opacity and hover effect */
2005
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2006
- opacity: 0.7 !important;
1940
+ /* ---- time controls ---- */
1941
+ .video-js.skin_cn_news .vjs-current-time,
1942
+ .video-js.skin_cn_news .vjs-duration,
1943
+ .video-js.skin_cn_news .vjs-time-divider {
1944
+ display: none !important;
1945
+ }
1946
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1947
+ display: none;
1948
+ align-items: center;
1949
+ justify-content: center;
1950
+ font-size: 11px;
1951
+ font-weight: 700;
1952
+ color: #fff;
1953
+ padding: 0 6px;
1954
+ user-select: none;
2007
1955
  }
2008
1956
 
2009
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2010
- opacity: 1 !important;
1957
+
1958
+ .video-js.skin_cn_news .vjs-chapter-marker {
1959
+ z-index: 2;
1960
+ width: var(--vl-chapter-size, 8px);
1961
+ height: var(--vl-chapter-size, 8px);
1962
+ top: 50%;
1963
+ bottom: auto;
1964
+ background: var(--vl-chapter-color, #ffffff);
1965
+ opacity: var(--vl-chapter-opacity, 1);
1966
+ border-radius: 50%;
1967
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1968
+ transform: translate(-50%, -50%) scale(1);
1969
+ transition: background-color 0.12s ease;
1970
+ }
1971
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1972
+ background: var(--vl-chapter-hover, #0a5cff);
1973
+ }
1974
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1975
+ background: var(--vl-chapter-active, #0a5cff);
2011
1976
  }
2012
1977
 
2013
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2014
- color: rgba(255, 255, 2555, 0.7)!important;
1978
+
1979
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1980
+ width: 16px;
1981
+ height: 16px;
1982
+ bottom: 160%;
1983
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
2015
1984
  }
2016
1985
 
2017
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2018
- color: rgba(255, 255, 2555, 1)!important;
1986
+
1987
+ .video-js.skin_cn_news .vjs-chapter-preview {
1988
+ background: var(--vl-chapter-tooltip, #0a5cff);
1989
+ border-radius: 6px;
1990
+ padding: 8px 10px;
1991
+ width: max-content;
1992
+ max-width: 300px;
1993
+ text-align: left;
1994
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1995
+ }
1996
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1997
+ color: #ffffff;
1998
+ font-size: 13px;
1999
+ font-weight: 400;
2000
+ margin-bottom: 2px;
2001
+ }
2002
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
2003
+ color: #ffffff;
2004
+ font-size: 13px;
2005
+ font-weight: 400;
2006
+ line-height: 1.3;
2007
+ white-space: normal;
2008
+ text-align: left;
2009
+ }
2010
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2011
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2019
2012
  }
2020
2013
 
2014
+ /* ---- responsive ---- */
2015
+ @media (max-width: 576px) {
2016
+ .video-js.skin_cn_news .vjs-control-bar {
2017
+ height: 3.2em !important;
2018
+ padding: 0 8px;
2019
+ }
2020
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2021
+ padding: 0 6px;
2022
+ }
2023
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2024
+ display: none !important;
2025
+ }
2026
+ }
2021
2027
 
2022
2028
  /* CSS for videojs-dvr-seekbar */
2023
2029
 
@@ -2280,6 +2286,8 @@
2280
2286
 
2281
2287
 
2282
2288
 
2289
+
2290
+
2283
2291
  .vjs-custom-big-mute.vjs-control{
2284
2292
  position: absolute;
2285
2293
  align-items: center;
@@ -2328,8 +2336,6 @@
2328
2336
  width: 22px;
2329
2337
  }
2330
2338
 
2331
-
2332
-
2333
2339
  /* nextep — up-next card (centered in player, scales with player size) */
2334
2340
  .video-js:has(.next-ep-preview),
2335
2341
  .video-js:has(.next-ep-preview-player-thumb) {