@viewlift/player-backup 2.0.309-backup → 2.0.311-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 (59) hide show
  1. package/cjs/{autoNextVideo-44a6a791.js → autoNextVideo-fc2b431a.js} +1 -1
  2. package/cjs/bundle.css +1256 -1256
  3. package/cjs/{features-a618da9c.js → features-82d9ca88.js} +1 -1
  4. package/cjs/generic-4ce1f920.js +1 -0
  5. package/cjs/{index-81cea859.js → index-6eb3b36c.js} +1 -1
  6. package/cjs/{index-72ce65ca.js → index-797d8a32.js} +1 -1
  7. package/cjs/{index-6707f221.js → index-b1300549.js} +1 -1
  8. package/cjs/{index-5dfbe9fd.js → index-f1e5b1d5.js} +1 -1
  9. package/cjs/index.js +1 -1
  10. package/cjs/{multicamv2-288399d7.js → multicamv2-23894cf4.js} +1 -1
  11. package/cjs/{multicamv2-57a9ee9e.js → multicamv2-25a94798.js} +1 -1
  12. package/cjs/{nextEpisodeButton-938c6f80.js → nextEpisodeButton-aefe2360.js} +1 -1
  13. package/cjs/{playlist-fef790f6.js → playlist-5c5ae2cc.js} +1 -1
  14. package/cjs/{series-f28d4c86.js → series-53707da1.js} +1 -1
  15. package/cjs/{series-v2-33332a87.js → series-v2-0a721372.js} +1 -1
  16. package/cjs/{series-v2-526b32e9.js → series-v2-9ce94819.js} +1 -1
  17. package/cjs/{skin-cb0b7e24.js → skin-01efeb40.js} +1 -1
  18. package/cjs/{skin-77ced573.js → skin-1ccfd6d0.js} +1 -1
  19. package/cjs/{skin-89646ebe.js → skin-467293c8.js} +1 -1
  20. package/cjs/{skin-2a75ead0.js → skin-7ec3be36.js} +1 -1
  21. package/cjs/{skin-08eb83cf.js → skin-83ddc49a.js} +1 -1
  22. package/cjs/{skin-5ccb7ec2.js → skin-880a2f6b.js} +1 -1
  23. package/cjs/{skin-d0f47266.js → skin-9d5d2398.js} +1 -1
  24. package/cjs/{skin-03240477.js → skin-bf731683.js} +1 -1
  25. package/cjs/{skin-c42e5bf6.js → skin-c583857e.js} +1 -1
  26. package/cjs/{skin-556c7e59.js → skin-cfb04340.js} +1 -1
  27. package/cjs/{videoSelector-e4b027b4.js → videoSelector-2c01eb95.js} +1 -1
  28. package/cjs/{videoSelector-e8361efd.js → videoSelector-c73db767.js} +1 -1
  29. package/esm/{autoNextVideo-10897511.js → autoNextVideo-87c3e2a1.js} +1 -1
  30. package/esm/bundle.css +1256 -1256
  31. package/esm/{features-fdad18aa.js → features-bb94cb4f.js} +1 -1
  32. package/esm/generic-eb5ecc78.js +1 -0
  33. package/esm/{index-27f21ff2.js → index-3d5ab252.js} +1 -1
  34. package/esm/{index-7a33fd81.js → index-54dd8002.js} +1 -1
  35. package/esm/{index-3a188b67.js → index-6b1a53a6.js} +1 -1
  36. package/esm/{index-6c520e81.js → index-bf078f35.js} +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/{multicamv2-5b6a06cd.js → multicamv2-1d7d506c.js} +1 -1
  39. package/esm/{multicamv2-cdb5feb3.js → multicamv2-49e47601.js} +1 -1
  40. package/esm/{nextEpisodeButton-fda371d7.js → nextEpisodeButton-b81b9816.js} +1 -1
  41. package/esm/{playlist-e29d5800.js → playlist-344f2c42.js} +1 -1
  42. package/esm/{series-bd1d6cdc.js → series-5fe561c3.js} +1 -1
  43. package/esm/{series-v2-9179c1d6.js → series-v2-61c35597.js} +1 -1
  44. package/esm/{series-v2-77ee47f0.js → series-v2-85bfd9eb.js} +1 -1
  45. package/esm/{skin-997b3f54.js → skin-497e0641.js} +1 -1
  46. package/esm/{skin-f3073421.js → skin-4c3bb9d8.js} +1 -1
  47. package/esm/{skin-d8b7899d.js → skin-75142274.js} +1 -1
  48. package/esm/{skin-4af91c1f.js → skin-872cc671.js} +1 -1
  49. package/esm/{skin-eb636f22.js → skin-991aeb3d.js} +1 -1
  50. package/esm/{skin-72fa8635.js → skin-a5c5b87f.js} +1 -1
  51. package/esm/{skin-40c87ff8.js → skin-b575a309.js} +1 -1
  52. package/esm/{skin-ed831985.js → skin-c4422c7c.js} +1 -1
  53. package/esm/{skin-e65f563d.js → skin-cccac219.js} +1 -1
  54. package/esm/{skin-dbb8e53c.js → skin-dd8b0e02.js} +1 -1
  55. package/esm/{videoSelector-00df633a.js → videoSelector-93d7b4c1.js} +1 -1
  56. package/esm/{videoSelector-3b47f12e.js → videoSelector-ea4bd7c8.js} +1 -1
  57. package/package.json +1 -1
  58. package/cjs/generic-c3c5a35f.js +0 -1
  59. package/esm/generic-abae2ca9.js +0 -1
package/cjs/bundle.css CHANGED
@@ -2,26 +2,31 @@
2
2
 
3
3
 
4
4
 
5
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
5
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
6
6
  font-size: 2.2em;
7
7
  line-height: 2.6;
8
8
  }
9
- .video-js.skin_mini{
10
- overflow: hidden;
9
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
10
+ background: #fcb700;
11
11
  }
12
- .video-js.skin_mini .vjs-control-bar{
12
+ .video-js.skin_news_live .vjs-control-bar{
13
13
  z-index: 1 !important;
14
- height: 4em !important;
14
+ height: 5em !important;
15
15
  background: black !important;
16
16
  }
17
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
18
+ display: flex;
19
+ align-items: center;
20
+ justify-content: center;
21
+ }
17
22
 
18
- .video-js.skin_mini .vjs-fade>* {
23
+ .video-js.skin_news_live .vjs-fade>* {
19
24
  visibility: hidden !important;
20
25
  opacity: 0 !important;
21
26
  transition: visibility 1s, opacity 1s !important;
22
27
  }
23
28
 
24
- .video-js.skin_mini .custom-spaced-progress-bar {
29
+ .video-js.skin_news_live .custom-spaced-progress-bar {
25
30
  position: absolute;
26
31
  width: 100%;
27
32
  display: flex;
@@ -29,7 +34,7 @@
29
34
  top: -0.5em;
30
35
  }
31
36
 
32
- .video-js.skin_mini .vjs-progress-control {
37
+ .video-js.skin_news_live .vjs-progress-control {
33
38
  /* left: -6px; */
34
39
  position: relative;
35
40
  width: 100%;
@@ -37,22 +42,25 @@
37
42
  transition: height 0.1s, top 0.1s;
38
43
  }
39
44
 
45
+ .video-js.skin_news_live .vjs-volume-panel{
46
+ min-width: 5.3em;
47
+ }
40
48
 
41
49
 
42
50
 
43
- .video-js.skin_mini .vjs-custom-control-spacer {
44
- display: block;
45
- flex: 1 1 auto;
51
+ .video-js.skin_news_live .vjs-custom-control-spacer {
52
+ /* display: block; */
53
+ /* flex: 1 1 auto; */
46
54
  }
47
55
 
48
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
56
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
49
57
  margin: 0 0px 0 0px;
50
58
  }
51
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
59
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
52
60
  display: none;
53
61
  }
54
62
 
55
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
63
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
56
64
  font-size: 14px;
57
65
  font-weight: 500;
58
66
  align-self: center;
@@ -61,207 +69,199 @@
61
69
  border-radius: 8px;
62
70
  }
63
71
 
64
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
65
- height: 5px !important;
72
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
73
+ height: 6px !important;
66
74
  }
67
75
 
68
- .video-js.skin_mini .vjs-play-progress:before {
69
- font-size: 1.3em;
76
+ .video-js.skin_news_live .vjs-play-progress:before {
77
+ font-size: 1.5em;
70
78
  line-height: unset;
71
79
  top: -0.3333333333em;
72
80
  }
73
81
 
74
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
82
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
75
83
  display: none !important;
76
84
  }
77
85
 
78
86
  /* */
79
- .video-js.skin_mini .vjs-mouse-display{
87
+ .video-js.skin_news_live .vjs-mouse-display{
80
88
  font-size: 1.6666666667em;
81
89
  }
82
90
 
83
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
91
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
84
92
  font-size: 1em !important;
85
93
  }
86
94
 
87
- .video-js.skin_mini .vjs-button{
88
- width: 3em;
95
+ .video-js.skin_news_live .vjs-button{
96
+ width: 5.3em;
89
97
  display: flex;
90
98
  align-items: center;
91
99
  justify-content: center;
92
100
  }
93
101
 
94
102
 
95
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
103
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
96
104
  .icon-maximize {
97
105
  display: block;
98
106
  height: 32px;
99
107
  }
100
108
 
101
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
109
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
102
110
  line-height: 4;
103
111
  }
104
112
 
105
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
113
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
106
114
  .icon-minimize {
107
115
  display: none;
108
116
  height: 32px;
109
117
  }
110
118
 
111
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
119
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
112
120
  outline: none !important;
121
+ /* flex: 1; */
113
122
  }
114
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
123
+ .video-js.skin_news_live .vjs-play-toggle-container{
124
+ display: flex;
125
+ flex: 1;
126
+ justify-content: center;
127
+ }
128
+
129
+
130
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
115
131
  .vjs-icon-fullscreen-enter:before {
116
132
  /* content: '' !important; */
117
133
  }
118
134
 
119
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
135
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
120
136
  display: flex;
121
137
  justify-content: center;
122
138
  align-items: center;
123
139
  /* transform: rotate(90deg); */
124
140
  }
125
141
 
126
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
142
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
127
143
  display: none;
128
144
  }
129
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
145
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
130
146
  margin-left: -10px;
131
- display: none;
132
- }
133
-
134
- .video-js.skin_mini .vjs-loading-spinner {
135
- position: absolute;
136
- top: 50%;
137
- left: 50%;
138
- transform: translate(-50%, -50%);
139
- opacity: .85;
140
- text-align: left;
141
- border: .2em solid rgba(43, 51, 63, .7);
142
- box-sizing: border-box;
143
- background-clip: padding-box;
144
- width: 3em;
145
- height: 3em;
146
- border-radius: 50%;
147
- visibility: hidden;
148
147
  }
149
148
 
150
- .video-js.skin_mini .skipbtn:hover{
149
+ .video-js.skin_news_live .skipbtn:hover{
151
150
  cursor: pointer;
152
151
  }
153
152
 
154
- .video-js.skin_mini .rewindbtn:hover{
153
+ .video-js.skin_news_live .rewindbtn:hover{
155
154
  cursor: pointer;
156
155
  }
157
156
 
158
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
157
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
159
158
  position: relative;
160
159
  padding-left: 0;
161
160
  }
162
161
 
163
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
164
- width: 40px;
165
- height: 40px;
166
- display: flex;
167
- justify-content: center;
168
- align-items: center;
169
- border: none;
170
- position: absolute;
171
- top: 0;
172
- left: 0;
173
- right: 0;
174
- bottom: 0;
175
- margin: auto;
176
- font-size: 3em;
177
- line-height: 1.3em;
178
- transform: none !important;
179
- border-radius: 1.3em;
162
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
163
+ display: none !important;
180
164
  }
181
165
 
182
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
166
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
167
+ /* width: 90px;
168
+ height: 90px;
169
+ display: flex;
170
+ justify-content: center;
171
+ align-items: center;
172
+ border-radius: 50%;
173
+ position: absolute;
174
+ top: 0;
175
+ left: 0;
176
+ right: 0;
177
+ bottom: 0;
178
+ margin: auto;
179
+ font-size: 6em;
180
+ line-height: 1.4em;
181
+ border: 0.05em solid;
182
+ color: inherit; */
183
+ display: none !important;
184
+ }
185
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
183
186
  font-weight: bold;
184
187
  }
185
188
 
186
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
187
- bottom: 1.1em !important;
188
- right: 1em;
189
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
190
+ bottom: 2.4em !important;
191
+ right: -1em;
189
192
  z-index: 1;
190
- font-size: 10px;
191
193
  }
192
194
 
193
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
195
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
194
196
  width: 24px !important;
195
197
  height: 24px !important;
196
198
  }
197
- .video-js.skin_mini .settings-selector-icon>svg{
199
+ .settings-selector-icon>svg{
198
200
  height: 19px !important;
199
201
  width: 19px !important;
200
202
  }
201
203
 
202
204
 
203
- .video-js.skin_mini button.vjs-rewind-button{
205
+ .video-js.skin_news_live button.vjs-rewind-button{
204
206
  cursor: pointer;
205
207
  }
206
208
 
207
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
208
210
  padding-right: 0;
211
+ display: none;
209
212
  }
210
213
 
211
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
214
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
212
215
  padding-left: 0;
216
+ display: none;
213
217
  }
214
218
 
215
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
219
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
216
220
  padding-left: 0;
217
221
  padding-right: 0;
218
- display: flex;
219
- justify-content: center;
220
- width: min-content;
222
+ display: none;
221
223
  }
222
224
 
223
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
225
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
224
226
  display: none
225
227
  }
226
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
228
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
227
229
  display: none
228
230
  }
229
231
 
230
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
231
- display: flex;
232
- align-items: center;
233
- font-weight: 700;
234
- font-size: 9px;
235
- min-width: 0.8em;
236
- padding-left: 0;
232
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
233
+ display: flex;
234
+ align-items: center;
235
+ font-weight: 700;
236
+ font-size: 12px;
237
+ min-width: 1.2em;
237
238
  }
238
239
 
239
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
240
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
240
241
  display: none;
241
242
  font-size: 11px;
242
243
  justify-content: center;
243
244
  align-items: center;
244
245
  user-select: none;
245
246
  }
246
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
248
  display: none;
248
249
  }
249
250
 
250
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
252
  height: min-content;
252
253
  width: min-content;
253
254
  }
254
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
255
- width: 3em;
256
- margin-right: 4px;
255
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
256
+ width: 6em;
257
257
  }
258
258
 
259
- .video-js.skin_mini .content{
259
+ .video-js.skin_news_live .content{
260
260
  bottom: 3.4rem !important;
261
261
  right: -4rem !important;
262
262
  }
263
263
 
264
- .video-js.skin_mini .setting-icon > svg{
264
+ .setting-icon > svg{
265
265
  height:18px !important;
266
266
  }
267
267
 
@@ -275,16 +275,16 @@
275
275
  pointer-events:none
276
276
  }
277
277
 
278
- .video-js.skin_mini iframe{
278
+ .video-js.skin_news_live iframe{
279
279
  width: 100%;
280
280
  height: 100%;
281
281
  }
282
282
 
283
- .video-js.skin_mini .vjs-live-control{
283
+ .video-js.skin_news_live .vjs-live-control{
284
284
  align-items: center;
285
- max-width: 5em;
285
+ display: none;
286
286
  }
287
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
287
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
288
288
  height: 2.2em;
289
289
  display: flex;
290
290
  align-items: center;
@@ -292,753 +292,451 @@
292
292
  width: 4em;
293
293
  justify-content: center;
294
294
  background: red;
295
- margin: 4px 0px 4px 2px;
295
+ margin: 4px 0px 4px 12px;
296
296
  }
297
297
 
298
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
298
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
299
299
  text-shadow: none;
300
300
  }
301
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
302
- display: none;
303
- font-size: 12px;
304
- }
305
301
 
306
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
307
- height: 1.8em;
308
- display: inline-flex;
309
- align-items: center;
310
- font-family: monospace;
302
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
303
+ display: flex;
311
304
  justify-content: center;
312
- border: 1.5px solid;
313
- margin: 4px 0px 4px 2px;
314
- white-space: pre;
315
- padding: 2px 4px;
316
- font-size: 1.2em;
317
- font-weight: 500;
318
- color: rgba(255, 255, 2555, 0.7);
305
+ min-width: 5.3em;
306
+ pointer-events: none;
307
+ user-select: none;
319
308
  }
320
309
 
321
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
322
- content: "NOT LIVE";
323
- word-spacing: -4px;
310
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
311
+ color: white;
324
312
  }
325
313
 
326
314
 
327
- @media(max-width:600px){
315
+ .settings-selection.vjs-control.vjs-button{
316
+ display: flex !important;
317
+ }
318
+
319
+ @media(max-width:576px){
320
+ .settings-selection.vjs-control.vjs-button{
321
+ display: none !important;
322
+ }
323
+ }
324
+
325
+
326
+ @media(max-width:576px){
328
327
  .tvProviderImage{
329
328
  display: none
330
329
  }
331
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
330
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
332
331
  .icon-maximize {
333
332
  height: 30px !important;
334
333
  }
335
334
 
336
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
335
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
337
336
  .icon-minimize {
338
337
  height: 30px !important;
339
338
  }
340
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
341
- width: 3.5em;
342
- }
343
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
339
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
340
+ width: 4.5em;
341
+ }
342
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
344
343
  height: min-content;
345
344
  }
346
345
 
347
- .video-js.skin_mini button.vjs-slowmo-button{
346
+ .video-js.skin_news_live button.vjs-slowmo-button{
348
347
  display: none;
349
348
  }
350
- .video-js.skin_mini button.vjs-rewind-button{
349
+ .video-js.skin_news_live button.vjs-rewind-button{
351
350
  display: none;
352
351
  }
353
- .video-js.skin_mini button.vjs-rewind-button>svg{
352
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
354
353
  height: 20px;
355
354
  }
356
- .video-js.skin_mini .vjs-button{
357
- width: 3em;
355
+ .video-js.skin_news_live .vjs-button{
356
+ width: 4.8em;
358
357
  }
359
- .video-js.skin_mini .widget-selection{
358
+ .video-js.skin_news_live .widget-selection{
360
359
  display: none;
361
360
  }
362
- .video-js.skin_mini .container{
361
+ .video-js.skin_news_live .container{
363
362
  display: none !important;
364
363
  }
365
- .video-js.skin_mini .vjs-control-bar{
364
+ .video-js.skin_news_live .vjs-control-bar{
366
365
  height: 4em !important;
367
366
  }
368
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
367
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
369
368
  font-size: 2.5em;
370
369
  line-height: 1.5;
371
370
  }
372
- .video-js.skin_mini .vjs-play-progress:before {
371
+ .video-js.skin_news_live .vjs-play-progress:before {
373
372
  font-size: 1.2em;
374
373
  position: absolute;
375
374
  right: -0.5em;
376
375
  z-index: 1;
377
376
  }
378
- .video-js.skin_mini button.vjs-skip-button>svg{
377
+ .video-js.skin_news_live button.vjs-skip-button>svg{
379
378
  height: 20px;
380
379
  }
380
+ .video-js.skin_news_live button.vjs-big-play-button {
381
+ width: 50px !important;
382
+ height: 50px !important;
383
+ font-size: 2.1rem !important;
384
+ }
381
385
 
382
386
  .stream-selector-icon>svg{
383
387
  width: 24px;
384
388
  height: 24px;
385
389
  }
386
- .video-js.skin_mini .vjs-seek-to-live-text{
387
- font-size: 12px;
390
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
391
+ margin: 0 12px 0 12px;
388
392
  }
389
-
390
- .video-js.skin_mini .vjs-text-track-display-ttml span {
391
- color: white !important;
392
- font-size: 16px !important;
393
- background-color: rgba(0,0,0,0.2) !important;
394
- }
393
+ .video-js.skin_news_live .vjs-seek-to-live-text{
394
+ font-size: 12px;
395
395
  }
396
-
397
- .video-js.skin_mini .vjs-text-track-display-ttml span {
398
- color: white !important;
399
- font-size: 16px !important;
400
- background-color: rgba(0,0,0,0.2) !important;
396
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
397
+ margin: 0 12px 0 12px;
401
398
  }
402
-
403
- .video-js.skin_mini .vjs-text-track-display-ttml p {
404
- font-size: 18px !important;
405
399
  }
406
-
407
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
408
- margin-bottom: 1rem !important;
400
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
401
+ width: 90px;
402
+ height: 90px;
403
+ display: flex;
404
+ justify-content: center;
405
+ align-items: center;
406
+ border-radius: 50%;
407
+ position: absolute;
408
+ top: 0;
409
+ left: 0;
410
+ right: 0;
411
+ bottom: 0;
412
+ margin: auto;
413
+ font-size: 6em;
414
+ line-height: 1.4em;
409
415
  }
410
416
 
411
-
412
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
417
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
413
418
  display: flex;
414
419
  justify-content: center;
415
420
  align-items: center;
416
421
  height: 100%;
417
422
  transition: width 0.1s;
418
423
  }
419
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
420
- margin: 2px;
421
- }
422
424
 
423
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
426
  display: flex;
425
427
  justify-content: center;
426
428
  align-items: center;
427
429
  height: 100%;
428
430
  transition: width 0.1s;
429
431
  }
430
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
431
- display: grid;
432
- font-size: 10px;
433
- grid-template-columns: 1fr;
434
- grid-template-rows: 1fr;
435
- padding: 1px 0px 0 0px;
436
- margin: 0;
432
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
433
+ display: none !important;
437
434
  }
438
435
 
439
- @media (max-width: 600px) {
440
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
436
+ @media (max-width: 576px) {
437
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
441
438
  height: 5px !important;
442
439
  }
440
+ .video-js.skin_news_live button.vjs-big-play-button {
441
+ width: 50px !important;
442
+ height: 50px !important;
443
+ font-size: 2.1rem !important;
444
+ }
443
445
 
444
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
446
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
445
447
  display: none;
446
448
  }
449
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
450
+ bottom: 2.4em !important;
451
+ right: -1em;
452
+ z-index: 1;
453
+ }
454
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
455
+ display: none !important;
456
+ }
447
457
 
458
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
459
+ color: white !important;
460
+ font-size: 13px !important;
461
+ background-color: black !important;
462
+ }
448
463
  }
449
464
 
450
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
451
- content: none !important;
452
- fill: none !important;
453
- filter: none !important;
465
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
466
+ width: 100% !important;
454
467
  }
455
468
 
456
- /* svg icons opacity and hover effect */
457
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
458
- opacity: 0.7 !important;
469
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
470
+ color: white !important;
471
+ font-size: 16px !important;
472
+ background-color: black !important;
459
473
  }
460
474
 
461
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
462
- opacity: 1 !important;
475
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
476
+ margin-bottom: 2rem !important;
463
477
  }
464
478
 
465
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
479
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
480
+ font-size: 18px !important;
481
+ }
482
+
483
+
484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
485
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
486
+ font-size: 1.2em !important;
487
+ line-height: 1.5em !important;
488
+ padding: 0.2em 0.8em !important;
489
+ }
490
+
491
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
492
+ content: none !important;
493
+ fill: none !important;
494
+ filter: none !important;
495
+ }
496
+
497
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
466
498
  color: rgba(255, 255, 2555, 0.7)!important;
467
499
  }
468
500
 
469
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
501
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
470
502
  color: rgba(255, 255, 2555, 1)!important;
471
503
  }
472
504
 
473
505
 
474
506
 
475
- .video-js.skin_cn_news .vjs-control-bar {
476
- z-index: 1 !important;
477
- height: auto !important;
478
- padding: 0.8em 30px 0.6em;
479
- background: transparent !important;
507
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
508
+ font-size: 2.2em;
509
+ line-height: 2.6;
510
+ }
511
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
512
+ background: white;
513
+ }
514
+ .video-js.skin_news .vjs-control-bar{
515
+ z-index: 1 !important;
516
+ height: 5em !important;
517
+ background: black !important;
518
+ }
519
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
480
520
  display: flex;
481
- flex-wrap: wrap;
482
521
  align-items: center;
483
- column-gap: 10px;
522
+ justify-content: center;
484
523
  }
485
524
 
525
+ .video-js.skin_news .vjs-fade>* {
526
+ visibility: hidden !important;
527
+ opacity: 0 !important;
528
+ transition: visibility 1s, opacity 1s !important;
529
+ }
486
530
 
487
- .video-js.skin_cn_news .vjs-control-bar::before {
488
- content: '';
531
+ .video-js.skin_news .custom-spaced-progress-bar {
489
532
  position: absolute;
490
- left: 0;
491
- right: 0;
492
- bottom: 0;
493
- top: -3em;
494
- background: linear-gradient(
495
- to top,
496
- rgba(0, 0, 0, 0.85) 0%,
497
- rgba(0, 0, 0, 0.7) 40%,
498
- rgba(0, 0, 0, 0.55) 70%,
499
- rgba(0, 0, 0, 0.38) 86%,
500
- transparent 100%
501
- );
502
- pointer-events: none;
503
- z-index: -1;
533
+ width: 100%;
534
+ display: flex;
535
+ height: 0.5em;
536
+ top: -0.5em;
504
537
  }
505
538
 
506
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
507
- order: -1;
508
- flex: 0 0 100%;
509
- width: 80%;
510
- margin: 0 0 5em;
539
+ .video-js.skin_news .vjs-progress-control {
540
+ /* left: -6px; */
511
541
  position: relative;
542
+ width: 100%;
543
+ height: 0.5em;
544
+ transition: height 0.1s, top 0.1s;
512
545
  }
513
546
 
514
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
515
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
516
- width: auto;
517
- min-width: 0;
518
- }
519
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
520
- display: inline-flex;
521
- align-items: center;
522
- justify-content: center;
523
- height: 7em;
524
- padding: 0 10px;
525
- color: #fff;
526
- }
527
547
 
528
- .video-js.skin_cn_news .vjs-svg-icon::before {
529
- content: none !important;
530
- }
531
548
 
532
549
 
533
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
534
- display: inline-flex;
535
- align-items: center;
536
- justify-content: center;
537
- }
538
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
539
- .video-js.skin_cn_news .vjs-rewind-button svg {
540
- width: 24px;
541
- height: 24px;
550
+ .video-js.skin_news .vjs-custom-control-spacer {
542
551
  display: block;
552
+ flex: 1 1 auto;
543
553
  }
544
554
 
545
-
546
-
547
- .video-js.skin_cn_news .vjs-subs-caps-button {
548
- opacity: 1;
555
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
556
+ margin: 0 0px 0 0px;
557
+ }
558
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
559
+ display: none;
549
560
  }
550
561
 
562
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
563
+ font-size: 14px;
564
+ font-weight: 500;
565
+ align-self: center;
566
+ height: min-content;
567
+ padding: 5px 2px;
568
+ border-radius: 8px;
569
+ }
551
570
 
571
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
572
+ height: 6px !important;
573
+ }
552
574
 
553
- .video-js.skin_cn_news .vjs-volume-panel {
554
- margin: 0;
555
- display: inline-flex;
556
- align-items: center;
557
- align-self: center;
558
- height: 2.2em;
559
- min-width: 7em;
560
- transition: none;
561
- }
562
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
563
- width: 0;
564
- height: 100%;
565
- display: flex;
566
- align-items: center;
567
- overflow: hidden;
568
- opacity: 0;
569
- transition: width 0.15s ease, opacity 0.15s ease;
570
- }
571
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
572
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
573
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
574
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
575
- width: 5em;
576
- opacity: 1;
575
+ .video-js.skin_news .vjs-play-progress:before {
576
+ font-size: 1.5em;
577
+ line-height: unset;
578
+ top: -0.3333333333em;
577
579
  }
578
580
 
579
- .video-js.skin_cn_news .vjs-volume-bar {
580
- width: 4em;
581
- height: 0.3em;
582
- margin: 0 0.45em;
581
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
582
+ display: none !important;
583
583
  }
584
584
 
585
+ /* */
586
+ .video-js.skin_news .vjs-mouse-display{
587
+ font-size: 1.6666666667em;
588
+ }
585
589
 
586
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
587
- display: none !important;
590
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
591
+ font-size: 1em !important;
588
592
  }
589
593
 
590
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
591
- width: 0 !important;
594
+ .video-js.skin_news .vjs-button{
595
+ width: 5.3em;
596
+ display: flex;
597
+ align-items: center;
598
+ justify-content: center;
592
599
  }
593
600
 
594
601
 
595
- .video-js.skin_cn_news .vjs-custom-control-spacer {
596
- display: block !important;
597
- flex: 1 1 auto;
602
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
603
+ .icon-maximize {
604
+ display: block;
605
+ height: 32px;
598
606
  }
599
607
 
608
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
609
+ line-height: 4;
610
+ }
600
611
 
601
- .video-js.skin_cn_news .vjs-big-play-button {
602
- display: none;
612
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
613
+ .icon-minimize {
614
+ display: none;
615
+ height: 32px;
603
616
  }
604
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
605
- position: relative !important;
606
- display: flex;
607
- left: 0;
608
- top: -1px;
617
+
618
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
619
+ outline: none !important;
609
620
  }
610
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
621
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
622
+ .vjs-icon-fullscreen-enter:before {
623
+ /* content: '' !important; */
624
+ }
625
+
626
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
611
627
  display: flex;
612
628
  justify-content: center;
613
629
  align-items: center;
614
- position: absolute;
615
- top: 0;
616
- left: 0;
617
- right: 0;
618
- bottom: 0;
619
- margin: auto;
620
- width: 80px;
621
- height: 80px;
622
- border: none;
623
- border-radius: 50%;
624
- background: rgba(0, 0, 0, 0.55);
625
- font-size: 5em;
626
- line-height: 1.3em;
627
- transform: none !important;
630
+ /* transform: rotate(90deg); */
628
631
  }
629
632
 
633
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
634
+ display: none;
635
+ }
636
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
637
+ margin-left: -10px;
638
+ }
630
639
 
631
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
632
- height: 4px !important;
633
- margin: 0;
634
- border-radius: 20px;
635
- background-color: #393944;
640
+ .video-js.skin_news .skipbtn:hover{
641
+ cursor: pointer;
636
642
  }
637
643
 
638
- .video-js.skin_cn_news .vjs-play-progress {
639
- background-color: #ffffff;
640
- border-radius: 20px;
644
+ .video-js.skin_news .rewindbtn:hover{
645
+ cursor: pointer;
641
646
  }
642
647
 
643
- .video-js.skin_cn_news .vjs-load-progress,
644
- .video-js.skin_cn_news .vjs-load-progress div {
645
- background: rgba(255, 255, 255, 0.15);
646
- border-radius: 20px;
648
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
649
+ position: relative;
650
+ padding-left: 0;
647
651
  }
648
652
 
653
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
654
+ display: none !important;
655
+ }
649
656
 
650
- .video-js.skin_cn_news .vjs-play-progress:before {
651
- content: '';
652
- width: 16px;
653
- height: 16px;
654
- border-radius: 50%;
655
- background: #ffffff;
656
- border: 2px solid rgba(0, 0, 0, 0.6);
657
- box-sizing: border-box;
658
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
659
- top: -6px;
660
- right: -8px;
661
- position: absolute;
657
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
658
+ width: 90px;
659
+ height: 90px;
660
+ display: flex;
661
+ justify-content: center;
662
+ align-items: center;
663
+ border-radius: 50%;
664
+ position: absolute;
665
+ top: 0;
666
+ left: 0;
667
+ right: 0;
668
+ bottom: 0;
669
+ margin: auto;
670
+ font-size: 6em;
671
+ line-height: 1.4em;
672
+ border: 0.05em solid;
673
+ color: inherit;
662
674
  }
663
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
664
- display: none !important;
675
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
676
+ font-weight: bold;
665
677
  }
666
678
 
667
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
668
- background: #ffffff;
669
- color: #0a0e17;
670
- font-weight: 700;
671
- border-radius: 3px;
679
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
680
+ bottom: 2.4em !important;
681
+ right: -1em;
682
+ z-index: 1;
672
683
  }
673
684
 
674
- .video-js.skin_cn_news .vjs-live-control {
675
- display: none !important;
685
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
686
+ width: 24px !important;
687
+ height: 24px !important;
676
688
  }
677
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
678
- display: inline-flex;
679
- align-items: center;
680
- align-self: center;
681
- height: 2.2em;
682
- gap: 5px;
683
- width: auto;
684
- padding: 0 10px;
685
- border: 1px solid rgba(255, 255, 255, 0.45);
686
- border-radius: 4px;
687
- cursor: pointer;
689
+ .settings-selector-icon>svg{
690
+ height: 19px !important;
691
+ width: 19px !important;
688
692
  }
689
693
 
690
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
691
- display: none;
694
+
695
+ .video-js.skin_news button.vjs-rewind-button{
696
+ cursor: pointer;
692
697
  }
693
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
694
- display: inline-flex;
695
- align-items: center;
698
+
699
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
700
+ padding-right: 0;
696
701
  }
697
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
698
- content: '';
699
- display: inline-block;
700
- width: 8px;
701
- height: 8px;
702
- border-radius: 50%;
703
- background: #ff2d2d; /* red live dot */
702
+
703
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
704
+ padding-left: 0;
704
705
  }
705
- .video-js.skin_cn_news .vjs-seek-to-live-text {
706
- color: #ffffff;
707
- font-weight: 700;
708
- font-size: 12px;
709
- letter-spacing: 0.03em;
706
+
707
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
708
+ padding-left: 0;
709
+ padding-right: 0;
710
+ display: flex;
711
+ justify-content: center;
712
+ width: min-content;
710
713
  }
711
714
 
712
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
713
- border-color: transparent;
715
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
716
+ display: none
714
717
  }
715
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
716
- color: #ff2d2d;
718
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
719
+ display: none
717
720
  }
718
721
 
719
- /* ---- time controls ---- */
720
- .video-js.skin_cn_news .vjs-current-time,
721
- .video-js.skin_cn_news .vjs-duration,
722
- .video-js.skin_cn_news .vjs-time-divider {
723
- display: none !important;
724
- }
725
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
726
- display: none;
722
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
723
+ display: flex;
727
724
  align-items: center;
728
- justify-content: center;
729
- font-size: 11px;
730
725
  font-weight: 700;
731
- color: #fff;
732
- padding: 0 6px;
733
- user-select: none;
726
+ font-size: 12px;
727
+ min-width: 1.2em;
734
728
  }
735
729
 
736
-
737
- .video-js.skin_cn_news .vjs-chapter-marker {
738
- z-index: 2;
739
- width: var(--vl-chapter-size, 8px);
740
- height: var(--vl-chapter-size, 8px);
741
- top: 50%;
742
- bottom: auto;
743
- background: var(--vl-chapter-color, #ffffff);
744
- opacity: var(--vl-chapter-opacity, 1);
745
- border-radius: 50%;
746
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
747
- transform: translate(-50%, -50%) scale(1);
748
- transition: background-color 0.12s ease;
749
- }
750
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
751
- background: var(--vl-chapter-hover, #0a5cff);
752
- }
753
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
754
- background: var(--vl-chapter-active, #0a5cff);
755
- }
756
-
757
-
758
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
759
- width: 16px;
760
- height: 16px;
761
- bottom: 160%;
762
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
763
- }
764
-
765
-
766
- .video-js.skin_cn_news .vjs-chapter-preview {
767
- background: var(--vl-chapter-tooltip, #0a5cff);
768
- border-radius: 6px;
769
- padding: 8px 10px;
770
- width: max-content;
771
- max-width: 300px;
772
- text-align: left;
773
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
774
- }
775
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
776
- color: #ffffff;
777
- font-size: 13px;
778
- font-weight: 400;
779
- margin-bottom: 2px;
780
- }
781
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
782
- color: #ffffff;
783
- font-size: 13px;
784
- font-weight: 400;
785
- line-height: 1.3;
786
- white-space: normal;
787
- text-align: left;
788
- }
789
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
790
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
791
- }
792
-
793
- /* ---- responsive ---- */
794
- @media (max-width: 576px) {
795
- .video-js.skin_cn_news .vjs-control-bar {
796
- height: 3.2em !important;
797
- padding: 0 8px;
798
- }
799
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
800
- padding: 0 6px;
801
- }
802
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
803
- display: none !important;
804
- }
805
- }
806
-
807
-
808
-
809
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
810
- font-size: 2.2em;
811
- line-height: 2.6;
812
- }
813
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
814
- background: white;
815
- }
816
- .video-js.skin_news .vjs-control-bar{
817
- z-index: 1 !important;
818
- height: 5em !important;
819
- background: black !important;
820
- }
821
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
822
- display: flex;
823
- align-items: center;
824
- justify-content: center;
825
- }
826
-
827
- .video-js.skin_news .vjs-fade>* {
828
- visibility: hidden !important;
829
- opacity: 0 !important;
830
- transition: visibility 1s, opacity 1s !important;
831
- }
832
-
833
- .video-js.skin_news .custom-spaced-progress-bar {
834
- position: absolute;
835
- width: 100%;
836
- display: flex;
837
- height: 0.5em;
838
- top: -0.5em;
839
- }
840
-
841
- .video-js.skin_news .vjs-progress-control {
842
- /* left: -6px; */
843
- position: relative;
844
- width: 100%;
845
- height: 0.5em;
846
- transition: height 0.1s, top 0.1s;
847
- }
848
-
849
-
850
-
851
-
852
- .video-js.skin_news .vjs-custom-control-spacer {
853
- display: block;
854
- flex: 1 1 auto;
855
- }
856
-
857
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
858
- margin: 0 0px 0 0px;
859
- }
860
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
861
- display: none;
862
- }
863
-
864
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
865
- font-size: 14px;
866
- font-weight: 500;
867
- align-self: center;
868
- height: min-content;
869
- padding: 5px 2px;
870
- border-radius: 8px;
871
- }
872
-
873
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
874
- height: 6px !important;
875
- }
876
-
877
- .video-js.skin_news .vjs-play-progress:before {
878
- font-size: 1.5em;
879
- line-height: unset;
880
- top: -0.3333333333em;
881
- }
882
-
883
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
884
- display: none !important;
885
- }
886
-
887
- /* */
888
- .video-js.skin_news .vjs-mouse-display{
889
- font-size: 1.6666666667em;
890
- }
891
-
892
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
893
- font-size: 1em !important;
894
- }
895
-
896
- .video-js.skin_news .vjs-button{
897
- width: 5.3em;
898
- display: flex;
899
- align-items: center;
900
- justify-content: center;
901
- }
902
-
903
-
904
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
905
- .icon-maximize {
906
- display: block;
907
- height: 32px;
908
- }
909
-
910
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
911
- line-height: 4;
912
- }
913
-
914
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
915
- .icon-minimize {
916
- display: none;
917
- height: 32px;
918
- }
919
-
920
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
921
- outline: none !important;
922
- }
923
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
924
- .vjs-icon-fullscreen-enter:before {
925
- /* content: '' !important; */
926
- }
927
-
928
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
929
- display: flex;
930
- justify-content: center;
931
- align-items: center;
932
- /* transform: rotate(90deg); */
933
- }
934
-
935
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
936
- display: none;
937
- }
938
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
939
- margin-left: -10px;
940
- }
941
-
942
- .video-js.skin_news .skipbtn:hover{
943
- cursor: pointer;
944
- }
945
-
946
- .video-js.skin_news .rewindbtn:hover{
947
- cursor: pointer;
948
- }
949
-
950
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
951
- position: relative;
952
- padding-left: 0;
953
- }
954
-
955
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
956
- display: none !important;
957
- }
958
-
959
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
960
- width: 90px;
961
- height: 90px;
962
- display: flex;
963
- justify-content: center;
964
- align-items: center;
965
- border-radius: 50%;
966
- position: absolute;
967
- top: 0;
968
- left: 0;
969
- right: 0;
970
- bottom: 0;
971
- margin: auto;
972
- font-size: 6em;
973
- line-height: 1.4em;
974
- border: 0.05em solid;
975
- color: inherit;
976
- }
977
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
978
- font-weight: bold;
979
- }
980
-
981
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
982
- bottom: 2.4em !important;
983
- right: -1em;
984
- z-index: 1;
985
- }
986
-
987
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
988
- width: 24px !important;
989
- height: 24px !important;
990
- }
991
- .settings-selector-icon>svg{
992
- height: 19px !important;
993
- width: 19px !important;
994
- }
995
-
996
-
997
- .video-js.skin_news button.vjs-rewind-button{
998
- cursor: pointer;
999
- }
1000
-
1001
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1002
- padding-right: 0;
1003
- }
1004
-
1005
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1006
- padding-left: 0;
1007
- }
1008
-
1009
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1010
- padding-left: 0;
1011
- padding-right: 0;
1012
- display: flex;
1013
- justify-content: center;
1014
- width: min-content;
1015
- }
1016
-
1017
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1018
- display: none
1019
- }
1020
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1021
- display: none
1022
- }
1023
-
1024
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1025
- display: flex;
1026
- align-items: center;
1027
- font-weight: 700;
1028
- font-size: 12px;
1029
- min-width: 1.2em;
1030
- }
1031
-
1032
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1033
- display: none;
1034
- font-size: 11px;
1035
- justify-content: center;
1036
- align-items: center;
1037
- user-select: none;
1038
- }
1039
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1040
- display: none;
1041
- }
730
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
731
+ display: none;
732
+ font-size: 11px;
733
+ justify-content: center;
734
+ align-items: center;
735
+ user-select: none;
736
+ }
737
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
738
+ display: none;
739
+ }
1042
740
 
1043
741
  .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1044
742
  height: min-content;
@@ -1226,812 +924,1114 @@
1226
924
  line-height: 1.4em;
1227
925
  }
1228
926
 
1229
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1230
- display: flex;
1231
- justify-content: center;
1232
- align-items: center;
1233
- height: 100%;
1234
- transition: width 0.1s;
927
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
928
+ display: flex;
929
+ justify-content: center;
930
+ align-items: center;
931
+ height: 100%;
932
+ transition: width 0.1s;
933
+ }
934
+
935
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
936
+ display: flex;
937
+ justify-content: center;
938
+ align-items: center;
939
+ height: 100%;
940
+ transition: width 0.1s;
941
+ }
942
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
943
+ display: none !important;
944
+ }
945
+ .video-js.skin_news .ssai-ad-container{
946
+ position: absolute;
947
+ bottom: 14px;
948
+ }
949
+
950
+ @media (max-width: 576px) {
951
+ .video-js.skin_news .ssai-ad-container{
952
+ bottom: 2px;
953
+ }
954
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
955
+ height: 5px !important;
956
+ }
957
+ .video-js.skin_news button.vjs-big-play-button {
958
+ width: 50px !important;
959
+ height: 50px !important;
960
+ font-size: 2.1rem !important;
961
+ }
962
+
963
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
964
+ display: none;
965
+ }
966
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
967
+ bottom: 2.4em !important;
968
+ right: -1em;
969
+ z-index: 1;
970
+ }
971
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
972
+ display: none !important;
973
+ }
974
+
975
+ .video-js.skin_news .vjs-text-track-display-ttml span {
976
+ color: white;
977
+ font-size: 13px;
978
+ background-color: black;
979
+ }
980
+ }
981
+
982
+ .video-js.skin_news .vjs-text-track-display-ttml span {
983
+ color: white;
984
+ font-size: 16px;
985
+ background-color: black;
986
+ }
987
+
988
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
989
+ margin-bottom: 2rem !important;
990
+ }
991
+
992
+ .video-js.skin_news .vjs-text-track-display-ttml p {
993
+ font-size: 18px !important;
994
+ }
995
+
996
+
997
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
998
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
999
+ font-size: 1.2em !important;
1000
+ line-height: 1.5em !important;
1001
+ padding: 0.2em 0.8em !important;
1002
+ }
1003
+
1004
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1005
+ content: none !important;
1006
+ fill: none !important;
1007
+ filter: none !important;
1008
+ }
1009
+
1010
+ /* svg icons opacity and hover effect */
1011
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1012
+ opacity: 0.7 !important;
1013
+ }
1014
+
1015
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1016
+ opacity: 1 !important;
1017
+ }
1018
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1019
+ opacity: 0.7 !important;
1020
+ }
1021
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1022
+ opacity: 1 !important;
1023
+ }
1024
+
1025
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1026
+ color: rgba(255, 255, 2555, 0.7)!important;
1027
+ }
1028
+
1029
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1030
+ color: rgba(255, 255, 2555, 1)!important;
1031
+ }
1032
+
1033
+
1034
+
1035
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1036
+ height: 0.7em;
1037
+ position: absolute;
1038
+ top: -0.7em;
1039
+ width: 100%;
1040
+ }
1041
+
1042
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1043
+ height: 100%;
1044
+ }
1045
+
1046
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1047
+ line-height: 2.5;
1048
+ }
1049
+
1050
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1051
+ height: 19px;
1052
+ width: 19px;
1053
+ cursor: pointer;
1054
+ }
1055
+ .video-js.skin_vlone .vjs-control {
1056
+ user-select: none;
1057
+ }
1058
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1059
+ user-select: none;
1060
+ }
1061
+
1062
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1063
+ height: 19px;
1064
+ width: 19px;
1065
+ cursor: pointer;
1066
+ }
1067
+
1068
+ .video-js.skin_vlone .vjs-play-progress:before {
1069
+ display: none !important;
1070
+ }
1071
+
1072
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1073
+ margin: 0 !important;
1074
+
1075
+ }
1076
+
1077
+
1078
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1079
+ display: block;
1080
+ flex: 1 1 auto;
1081
+ }
1082
+
1083
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1084
+ z-index: 1;
1085
+ }
1086
+
1087
+
1088
+ .video-js.skin_vlone .vjs-control-bar {
1089
+ height: 40px;
1090
+ }
1091
+
1092
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1093
+ .vjs-button>.vjs-icon-placeholder:before {
1094
+ position: relative !important;
1095
+ }
1096
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1097
+ display: flex;
1098
+ left: 0px;
1099
+ top: -1px;
1235
1100
  }
1236
1101
 
1237
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1238
- display: flex;
1239
- justify-content: center;
1240
- align-items: center;
1241
- height: 100%;
1242
- transition: width 0.1s;
1102
+ .vjs-button>.vjs-icon-placeholder:before {
1103
+ font-size: 2em !important;
1243
1104
  }
1244
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1245
- display: none !important;
1105
+
1106
+ .video-js.skin_vlone .vjs-control {
1107
+ width: 4.3em;
1246
1108
  }
1247
- .video-js.skin_news .ssai-ad-container{
1248
- position: absolute;
1249
- bottom: 14px;
1109
+
1110
+ .vjs-menu-button-popup .vjs-menu {
1111
+ bottom: 10px !important;
1250
1112
  }
1251
1113
 
1252
- @media (max-width: 576px) {
1253
- .video-js.skin_news .ssai-ad-container{
1254
- bottom: 2px;
1255
- }
1256
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1257
- height: 5px !important;
1258
- }
1259
- .video-js.skin_news button.vjs-big-play-button {
1260
- width: 50px !important;
1261
- height: 50px !important;
1262
- font-size: 2.1rem !important;
1263
- }
1264
1114
 
1265
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1266
- display: none;
1267
- }
1268
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1269
- bottom: 2.4em !important;
1270
- right: -1em;
1271
- z-index: 1;
1115
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1116
+ height: 1.3em;
1117
+ position: absolute;
1118
+ top: -1.3em;
1119
+ transition: height 0.3s, top 0.3s;
1272
1120
  }
1273
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1121
+
1122
+
1123
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1274
1124
  display: none !important;
1275
- }
1125
+ }
1276
1126
 
1277
- .video-js.skin_news .vjs-text-track-display-ttml span {
1278
- color: white;
1279
- font-size: 13px;
1280
- background-color: black;
1281
- }
1127
+ .video-js.skin_vlone .vjs-time-control {
1128
+ display: block;
1129
+ }
1130
+ .video-js.skin_vlone .vjs-remaining-time {
1131
+ display: none;
1282
1132
  }
1283
1133
 
1284
- .video-js.skin_news .vjs-text-track-display-ttml span {
1285
- color: white;
1286
- font-size: 16px;
1287
- background-color: black;
1134
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1135
+ line-height: 3.5em;
1136
+ font-size: 1.1em;
1137
+ min-width: 4em;
1288
1138
  }
1289
1139
 
1290
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1291
- margin-bottom: 2rem !important;
1140
+ .video-js.skin_vlone .vjs-time-divider > div{
1141
+ display: flex;
1142
+ justify-content: center;
1292
1143
  }
1293
1144
 
1294
- .video-js.skin_news .vjs-text-track-display-ttml p {
1295
- font-size: 18px !important;
1145
+ .video-js.skin_vlone .vjs-live-control{
1146
+ align-items: center;
1147
+ }
1148
+ .video-js.skin_vlone .vjs-live-display{
1149
+ height: 2.2em;
1150
+ display: flex;
1151
+ align-items: center;
1152
+ font-family: monospace;
1153
+ width: 4em;
1154
+ justify-content: center;
1155
+ background: red;
1156
+ margin: 4px 0px 4px 12px;
1157
+ }
1158
+ .video-js.skin_vlone .vjs-live-display:hover{
1159
+ cursor: pointer;
1160
+ }
1161
+
1162
+ .video-js.skin_vlone .vjs-time-control {
1163
+ line-height: 3.5em !important;
1164
+ font-size: 1.1em !important;
1165
+ width: min-content !important;
1166
+ min-width: 1.5em;
1167
+ padding: 0 !important;
1168
+ user-select: none;
1296
1169
  }
1297
1170
 
1171
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1172
+ margin-left: 16px !important;
1173
+ }
1298
1174
 
1299
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1300
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1175
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1176
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1301
1177
  font-size: 1.2em !important;
1302
1178
  line-height: 1.5em !important;
1303
1179
  padding: 0.2em 0.8em !important;
1304
1180
  }
1305
1181
 
1306
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1307
- content: none !important;
1308
- fill: none !important;
1309
- filter: none !important;
1310
- }
1311
1182
 
1312
- /* svg icons opacity and hover effect */
1313
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1314
- opacity: 0.7 !important;
1183
+ /* Big play */
1184
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1185
+ width: 80px;
1186
+ height: 80px;
1187
+ display: flex;
1188
+ justify-content: center;
1189
+ align-items: center;
1190
+ border: none;
1191
+ position: absolute;
1192
+ top: 0;
1193
+ left: 0;
1194
+ right: 0;
1195
+ bottom: 0;
1196
+ margin: auto;
1197
+ font-size: 5em;
1198
+ line-height: 1.3em;
1199
+ transform: none !important;
1200
+ border-radius: 1.3em;
1315
1201
  }
1316
-
1317
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1318
- opacity: 1 !important;
1202
+ .video-js.skin_vlone .ssai-ad-container{
1203
+ position: absolute;
1204
+ bottom: 4px;
1319
1205
  }
1320
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1321
- opacity: 0.7 !important;
1206
+
1207
+ @media(max-width:600px){
1208
+ .video-js.skin_vlone button.vjs-big-play-button {
1209
+ width: 50px !important;
1210
+ height: 50px !important;
1211
+ font-size: 2.1rem !important;
1212
+ }
1213
+
1214
+ .video-js.skin_vlone .ssai-ad-container {
1215
+ position: absolute;
1216
+ bottom: 2px;
1322
1217
  }
1323
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1324
- opacity: 1 !important;
1218
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1219
+ display: none;
1325
1220
  }
1326
1221
 
1327
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1328
- color: rgba(255, 255, 2555, 0.7)!important;
1222
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1223
+ /* display: none; */
1329
1224
  }
1330
1225
 
1331
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1332
- color: rgba(255, 255, 2555, 1)!important;
1226
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1227
+ /* display: none; */
1333
1228
  }
1229
+ }
1230
+
1334
1231
 
1335
1232
 
1336
-
1337
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1338
- font-size: 2.2em;
1339
- line-height: 2.6;
1340
- }
1341
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1342
- background: #fcb700;
1343
- }
1344
- .video-js.skin_news_live .vjs-control-bar{
1345
- z-index: 1 !important;
1346
- height: 5em !important;
1347
- background: black !important;
1348
- }
1349
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1233
+ .video-js.skin_cn_news .vjs-control-bar {
1234
+ z-index: 1 !important;
1235
+ height: auto !important;
1236
+ padding: 0.8em 30px 0.6em;
1237
+ background: transparent !important;
1350
1238
  display: flex;
1239
+ flex-wrap: wrap;
1351
1240
  align-items: center;
1352
- justify-content: center;
1241
+ column-gap: 10px;
1353
1242
  }
1354
1243
 
1355
- .video-js.skin_news_live .vjs-fade>* {
1356
- visibility: hidden !important;
1357
- opacity: 0 !important;
1358
- transition: visibility 1s, opacity 1s !important;
1359
- }
1360
1244
 
1361
- .video-js.skin_news_live .custom-spaced-progress-bar {
1245
+ .video-js.skin_cn_news .vjs-control-bar::before {
1246
+ content: '';
1362
1247
  position: absolute;
1363
- width: 100%;
1364
- display: flex;
1365
- height: 0.5em;
1366
- top: -0.5em;
1248
+ left: 0;
1249
+ right: 0;
1250
+ bottom: 0;
1251
+ top: -3em;
1252
+ background: linear-gradient(
1253
+ to top,
1254
+ rgba(0, 0, 0, 0.85) 0%,
1255
+ rgba(0, 0, 0, 0.7) 40%,
1256
+ rgba(0, 0, 0, 0.55) 70%,
1257
+ rgba(0, 0, 0, 0.38) 86%,
1258
+ transparent 100%
1259
+ );
1260
+ pointer-events: none;
1261
+ z-index: -1;
1367
1262
  }
1368
1263
 
1369
- .video-js.skin_news_live .vjs-progress-control {
1370
- /* left: -6px; */
1264
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1265
+ order: -1;
1266
+ flex: 0 0 100%;
1267
+ width: 80%;
1268
+ margin: 0 0 5em;
1371
1269
  position: relative;
1372
- width: 100%;
1373
- height: 0.5em;
1374
- transition: height 0.1s, top 0.1s;
1375
1270
  }
1376
1271
 
1377
- .video-js.skin_news_live .vjs-volume-panel{
1378
- min-width: 5.3em;
1272
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1273
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1274
+ width: auto;
1275
+ min-width: 0;
1276
+ }
1277
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1278
+ display: inline-flex;
1279
+ align-items: center;
1280
+ justify-content: center;
1281
+ height: 7em;
1282
+ padding: 0 10px;
1283
+ color: #fff;
1284
+ }
1285
+
1286
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1287
+ content: none !important;
1288
+ }
1289
+
1290
+
1291
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1292
+ display: inline-flex;
1293
+ align-items: center;
1294
+ justify-content: center;
1295
+ }
1296
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1297
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1298
+ width: 24px;
1299
+ height: 24px;
1300
+ display: block;
1379
1301
  }
1380
1302
 
1381
1303
 
1382
1304
 
1383
- .video-js.skin_news_live .vjs-custom-control-spacer {
1384
- /* display: block; */
1385
- /* flex: 1 1 auto; */
1305
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1306
+ opacity: 1;
1386
1307
  }
1387
1308
 
1388
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1389
- margin: 0 0px 0 0px;
1390
- }
1391
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1392
- display: none;
1393
- }
1394
1309
 
1395
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1396
- font-size: 14px;
1397
- font-weight: 500;
1310
+
1311
+ .video-js.skin_cn_news .vjs-volume-panel {
1312
+ margin: 0;
1313
+ display: inline-flex;
1314
+ align-items: center;
1398
1315
  align-self: center;
1399
- height: min-content;
1400
- padding: 5px 2px;
1401
- border-radius: 8px;
1316
+ height: 2.2em;
1317
+ min-width: 7em;
1318
+ transition: none;
1402
1319
  }
1403
-
1404
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1405
- height: 6px !important;
1320
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1321
+ width: 0;
1322
+ height: 100%;
1323
+ display: flex;
1324
+ align-items: center;
1325
+ overflow: hidden;
1326
+ opacity: 0;
1327
+ transition: width 0.15s ease, opacity 0.15s ease;
1406
1328
  }
1407
-
1408
- .video-js.skin_news_live .vjs-play-progress:before {
1409
- font-size: 1.5em;
1410
- line-height: unset;
1411
- top: -0.3333333333em;
1329
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1330
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1331
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1332
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1333
+ width: 5em;
1334
+ opacity: 1;
1412
1335
  }
1413
1336
 
1414
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1415
- display: none !important;
1337
+ .video-js.skin_cn_news .vjs-volume-bar {
1338
+ width: 4em;
1339
+ height: 0.3em;
1340
+ margin: 0 0.45em;
1416
1341
  }
1417
1342
 
1418
- /* */
1419
- .video-js.skin_news_live .vjs-mouse-display{
1420
- font-size: 1.6666666667em;
1421
- }
1422
1343
 
1423
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1424
- font-size: 1em !important;
1344
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1345
+ display: none !important;
1425
1346
  }
1426
1347
 
1427
- .video-js.skin_news_live .vjs-button{
1428
- width: 5.3em;
1429
- display: flex;
1430
- align-items: center;
1431
- justify-content: center;
1348
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1349
+ width: 0 !important;
1432
1350
  }
1433
1351
 
1434
1352
 
1435
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1436
- .icon-maximize {
1437
- display: block;
1438
- height: 32px;
1353
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1354
+ display: block !important;
1355
+ flex: 1 1 auto;
1439
1356
  }
1440
1357
 
1441
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1442
- line-height: 4;
1443
- }
1444
1358
 
1445
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1446
- .icon-minimize {
1447
- display: none;
1448
- height: 32px;
1359
+ .video-js.skin_cn_news .vjs-big-play-button {
1360
+ display: none;
1449
1361
  }
1450
-
1451
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1452
- outline: none !important;
1453
- /* flex: 1; */
1362
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1363
+ position: relative !important;
1364
+ display: flex;
1365
+ left: 0;
1366
+ top: -1px;
1454
1367
  }
1455
- .video-js.skin_news_live .vjs-play-toggle-container{
1368
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1456
1369
  display: flex;
1457
- flex: 1;
1458
1370
  justify-content: center;
1371
+ align-items: center;
1372
+ position: absolute;
1373
+ top: 0;
1374
+ left: 0;
1375
+ right: 0;
1376
+ bottom: 0;
1377
+ margin: auto;
1378
+ width: 80px;
1379
+ height: 80px;
1380
+ border: none;
1381
+ border-radius: 50%;
1382
+ background: rgba(0, 0, 0, 0.55);
1383
+ font-size: 5em;
1384
+ line-height: 1.3em;
1385
+ transform: none !important;
1459
1386
  }
1460
1387
 
1461
1388
 
1462
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1463
- .vjs-icon-fullscreen-enter:before {
1464
- /* content: '' !important; */
1389
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1390
+ height: 4px !important;
1391
+ margin: 0;
1392
+ border-radius: 20px;
1393
+ background-color: #393944;
1465
1394
  }
1466
1395
 
1467
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1468
- display: flex;
1469
- justify-content: center;
1470
- align-items: center;
1471
- /* transform: rotate(90deg); */
1396
+ .video-js.skin_cn_news .vjs-play-progress {
1397
+ background-color: #ffffff;
1398
+ border-radius: 20px;
1472
1399
  }
1473
1400
 
1474
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1475
- display: none;
1401
+ .video-js.skin_cn_news .vjs-load-progress,
1402
+ .video-js.skin_cn_news .vjs-load-progress div {
1403
+ background: rgba(255, 255, 255, 0.15);
1404
+ border-radius: 20px;
1476
1405
  }
1477
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1478
- margin-left: -10px;
1406
+
1407
+
1408
+ .video-js.skin_cn_news .vjs-play-progress:before {
1409
+ content: '';
1410
+ width: 16px;
1411
+ height: 16px;
1412
+ border-radius: 50%;
1413
+ background: #ffffff;
1414
+ border: 2px solid rgba(0, 0, 0, 0.6);
1415
+ box-sizing: border-box;
1416
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1417
+ top: -6px;
1418
+ right: -8px;
1419
+ position: absolute;
1420
+ }
1421
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1422
+ display: none !important;
1479
1423
  }
1480
1424
 
1481
- .video-js.skin_news_live .skipbtn:hover{
1482
- cursor: pointer;
1425
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1426
+ background: #ffffff;
1427
+ color: #0a0e17;
1428
+ font-weight: 700;
1429
+ border-radius: 3px;
1483
1430
  }
1484
1431
 
1485
- .video-js.skin_news_live .rewindbtn:hover{
1432
+ .video-js.skin_cn_news .vjs-live-control {
1433
+ display: none !important;
1434
+ }
1435
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1436
+ display: inline-flex;
1437
+ align-items: center;
1438
+ align-self: center;
1439
+ height: 2.2em;
1440
+ gap: 5px;
1441
+ width: auto;
1442
+ padding: 0 10px;
1443
+ border: 1px solid rgba(255, 255, 255, 0.45);
1444
+ border-radius: 4px;
1486
1445
  cursor: pointer;
1487
1446
  }
1488
1447
 
1489
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1490
- position: relative;
1491
- padding-left: 0;
1448
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1449
+ display: none;
1492
1450
  }
1493
-
1494
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1495
- display: none !important;
1451
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1452
+ display: inline-flex;
1453
+ align-items: center;
1496
1454
  }
1497
-
1498
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1499
- /* width: 90px;
1500
- height: 90px;
1501
- display: flex;
1502
- justify-content: center;
1503
- align-items: center;
1504
- border-radius: 50%;
1505
- position: absolute;
1506
- top: 0;
1507
- left: 0;
1508
- right: 0;
1509
- bottom: 0;
1510
- margin: auto;
1511
- font-size: 6em;
1512
- line-height: 1.4em;
1513
- border: 0.05em solid;
1514
- color: inherit; */
1515
- display: none !important;
1455
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1456
+ content: '';
1457
+ display: inline-block;
1458
+ width: 8px;
1459
+ height: 8px;
1460
+ border-radius: 50%;
1461
+ background: #ff2d2d; /* red live dot */
1516
1462
  }
1517
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1518
- font-weight: bold;
1463
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1464
+ color: #ffffff;
1465
+ font-weight: 700;
1466
+ font-size: 12px;
1467
+ letter-spacing: 0.03em;
1519
1468
  }
1520
1469
 
1521
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1522
- bottom: 2.4em !important;
1523
- right: -1em;
1524
- z-index: 1;
1470
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1471
+ border-color: transparent;
1472
+ }
1473
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1474
+ color: #ff2d2d;
1525
1475
  }
1526
1476
 
1527
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1528
- width: 24px !important;
1529
- height: 24px !important;
1477
+ /* ---- time controls ---- */
1478
+ .video-js.skin_cn_news .vjs-current-time,
1479
+ .video-js.skin_cn_news .vjs-duration,
1480
+ .video-js.skin_cn_news .vjs-time-divider {
1481
+ display: none !important;
1530
1482
  }
1531
- .settings-selector-icon>svg{
1532
- height: 19px !important;
1533
- width: 19px !important;
1483
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1484
+ display: none;
1485
+ align-items: center;
1486
+ justify-content: center;
1487
+ font-size: 11px;
1488
+ font-weight: 700;
1489
+ color: #fff;
1490
+ padding: 0 6px;
1491
+ user-select: none;
1534
1492
  }
1535
1493
 
1536
1494
 
1537
- .video-js.skin_news_live button.vjs-rewind-button{
1538
- cursor: pointer;
1495
+ .video-js.skin_cn_news .vjs-chapter-marker {
1496
+ z-index: 2;
1497
+ width: var(--vl-chapter-size, 8px);
1498
+ height: var(--vl-chapter-size, 8px);
1499
+ top: 50%;
1500
+ bottom: auto;
1501
+ background: var(--vl-chapter-color, #ffffff);
1502
+ opacity: var(--vl-chapter-opacity, 1);
1503
+ border-radius: 50%;
1504
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1505
+ transform: translate(-50%, -50%) scale(1);
1506
+ transition: background-color 0.12s ease;
1539
1507
  }
1540
-
1541
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1542
- padding-right: 0;
1543
- display: none;
1508
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1509
+ background: var(--vl-chapter-hover, #0a5cff);
1544
1510
  }
1545
-
1546
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1547
- padding-left: 0;
1548
- display: none;
1511
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1512
+ background: var(--vl-chapter-active, #0a5cff);
1549
1513
  }
1550
1514
 
1551
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1552
- padding-left: 0;
1553
- padding-right: 0;
1554
- display: none;
1515
+
1516
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1517
+ width: 16px;
1518
+ height: 16px;
1519
+ bottom: 160%;
1520
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1555
1521
  }
1556
1522
 
1557
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1558
- display: none
1523
+
1524
+ .video-js.skin_cn_news .vjs-chapter-preview {
1525
+ background: var(--vl-chapter-tooltip, #0a5cff);
1526
+ border-radius: 6px;
1527
+ padding: 8px 10px;
1528
+ width: max-content;
1529
+ max-width: 300px;
1530
+ text-align: left;
1531
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1559
1532
  }
1560
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1561
- display: none
1533
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1534
+ color: #ffffff;
1535
+ font-size: 13px;
1536
+ font-weight: 400;
1537
+ margin-bottom: 2px;
1562
1538
  }
1563
-
1564
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1565
- display: flex;
1566
- align-items: center;
1567
- font-weight: 700;
1568
- font-size: 12px;
1569
- min-width: 1.2em;
1539
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1540
+ color: #ffffff;
1541
+ font-size: 13px;
1542
+ font-weight: 400;
1543
+ line-height: 1.3;
1544
+ white-space: normal;
1545
+ text-align: left;
1570
1546
  }
1571
-
1572
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1573
- display: none;
1574
- font-size: 11px;
1575
- justify-content: center;
1576
- align-items: center;
1577
- user-select: none;
1547
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1548
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1578
1549
  }
1579
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1580
- display: none;
1550
+
1551
+ /* ---- responsive ---- */
1552
+ @media (max-width: 576px) {
1553
+ .video-js.skin_cn_news .vjs-control-bar {
1554
+ height: 3.2em !important;
1555
+ padding: 0 8px;
1556
+ }
1557
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1558
+ padding: 0 6px;
1559
+ }
1560
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1561
+ display: none !important;
1562
+ }
1581
1563
  }
1582
1564
 
1583
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1584
- height: min-content;
1585
- width: min-content;
1565
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1566
+ font-size: 2.2em;
1567
+ line-height: 2.6;
1586
1568
  }
1587
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1588
- width: 6em;
1569
+ .video-js.skin_mini{
1570
+ overflow: hidden;
1589
1571
  }
1590
-
1591
- .video-js.skin_news_live .content{
1592
- bottom: 3.4rem !important;
1593
- right: -4rem !important;
1572
+ .video-js.skin_mini .vjs-control-bar{
1573
+ z-index: 1 !important;
1574
+ height: 4em !important;
1575
+ background: black !important;
1594
1576
  }
1595
1577
 
1596
- .setting-icon > svg{
1597
- height:18px !important;
1578
+ .video-js.skin_mini .vjs-fade>* {
1579
+ visibility: hidden !important;
1580
+ opacity: 0 !important;
1581
+ transition: visibility 1s, opacity 1s !important;
1598
1582
  }
1599
1583
 
1600
- .output-overlay{
1584
+ .video-js.skin_mini .custom-spaced-progress-bar {
1601
1585
  position: absolute;
1602
- bottom: 0;
1603
- height: 100%;
1604
1586
  width: 100%;
1605
- z-index: 0;
1606
- border: 0;
1607
- pointer-events:none
1587
+ display: flex;
1588
+ height: 0.5em;
1589
+ top: -0.5em;
1608
1590
  }
1609
1591
 
1610
- .video-js.skin_news_live iframe{
1592
+ .video-js.skin_mini .vjs-progress-control {
1593
+ /* left: -6px; */
1594
+ position: relative;
1611
1595
  width: 100%;
1612
- height: 100%;
1596
+ height: 0.5em;
1597
+ transition: height 0.1s, top 0.1s;
1613
1598
  }
1614
1599
 
1615
- .video-js.skin_news_live .vjs-live-control{
1616
- align-items: center;
1617
- display: none;
1618
- }
1619
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1620
- height: 2.2em;
1621
- display: flex;
1622
- align-items: center;
1623
- font-family: monospace;
1624
- width: 4em;
1625
- justify-content: center;
1626
- background: red;
1627
- margin: 4px 0px 4px 12px;
1600
+
1601
+
1602
+
1603
+ .video-js.skin_mini .vjs-custom-control-spacer {
1604
+ display: block;
1605
+ flex: 1 1 auto;
1628
1606
  }
1629
1607
 
1630
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1631
- text-shadow: none;
1608
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1609
+ margin: 0 0px 0 0px;
1610
+ }
1611
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1612
+ display: none;
1632
1613
  }
1633
1614
 
1634
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1635
- display: flex;
1636
- justify-content: center;
1637
- min-width: 5.3em;
1638
- pointer-events: none;
1639
- user-select: none;
1615
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1616
+ font-size: 14px;
1617
+ font-weight: 500;
1618
+ align-self: center;
1619
+ height: min-content;
1620
+ padding: 5px 2px;
1621
+ border-radius: 8px;
1640
1622
  }
1641
1623
 
1642
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1643
- color: white;
1624
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1625
+ height: 5px !important;
1644
1626
  }
1645
1627
 
1628
+ .video-js.skin_mini .vjs-play-progress:before {
1629
+ font-size: 1.3em;
1630
+ line-height: unset;
1631
+ top: -0.3333333333em;
1632
+ }
1646
1633
 
1647
- .settings-selection.vjs-control.vjs-button{
1648
- display: flex !important;
1634
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1635
+ display: none !important;
1649
1636
  }
1650
1637
 
1651
- @media(max-width:576px){
1652
- .settings-selection.vjs-control.vjs-button{
1653
- display: none !important;
1654
- }
1638
+ /* */
1639
+ .video-js.skin_mini .vjs-mouse-display{
1640
+ font-size: 1.6666666667em;
1655
1641
  }
1656
1642
 
1643
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1644
+ font-size: 1em !important;
1645
+ }
1657
1646
 
1658
- @media(max-width:576px){
1659
- .tvProviderImage{
1660
- display: none
1661
- }
1662
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1663
- .icon-maximize {
1664
- height: 30px !important;
1665
- }
1647
+ .video-js.skin_mini .vjs-button{
1648
+ width: 3em;
1649
+ display: flex;
1650
+ align-items: center;
1651
+ justify-content: center;
1652
+ }
1666
1653
 
1667
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1668
- .icon-minimize {
1669
- height: 30px !important;
1670
- }
1671
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1672
- width: 4.5em;
1673
- }
1674
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1675
- height: min-content;
1676
- }
1677
1654
 
1678
- .video-js.skin_news_live button.vjs-slowmo-button{
1679
- display: none;
1680
- }
1681
- .video-js.skin_news_live button.vjs-rewind-button{
1682
- display: none;
1683
- }
1684
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1685
- height: 20px;
1686
- }
1687
- .video-js.skin_news_live .vjs-button{
1688
- width: 4.8em;
1689
- }
1690
- .video-js.skin_news_live .widget-selection{
1691
- display: none;
1692
- }
1693
- .video-js.skin_news_live .container{
1694
- display: none !important;
1695
- }
1696
- .video-js.skin_news_live .vjs-control-bar{
1697
- height: 4em !important;
1698
- }
1699
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1700
- font-size: 2.5em;
1701
- line-height: 1.5;
1702
- }
1703
- .video-js.skin_news_live .vjs-play-progress:before {
1704
- font-size: 1.2em;
1705
- position: absolute;
1706
- right: -0.5em;
1707
- z-index: 1;
1655
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1656
+ .icon-maximize {
1657
+ display: block;
1658
+ height: 32px;
1708
1659
  }
1709
- .video-js.skin_news_live button.vjs-skip-button>svg{
1710
- height: 20px;
1660
+
1661
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1662
+ line-height: 4;
1711
1663
  }
1712
- .video-js.skin_news_live button.vjs-big-play-button {
1713
- width: 50px !important;
1714
- height: 50px !important;
1715
- font-size: 2.1rem !important;
1664
+
1665
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1666
+ .icon-minimize {
1667
+ display: none;
1668
+ height: 32px;
1716
1669
  }
1717
1670
 
1718
- .stream-selector-icon>svg{
1719
- width: 24px;
1720
- height: 24px;
1671
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1672
+ outline: none !important;
1721
1673
  }
1722
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1723
- margin: 0 12px 0 12px;
1674
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1675
+ .vjs-icon-fullscreen-enter:before {
1676
+ /* content: '' !important; */
1724
1677
  }
1725
- .video-js.skin_news_live .vjs-seek-to-live-text{
1726
- font-size: 12px;
1678
+
1679
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1680
+ display: flex;
1681
+ justify-content: center;
1682
+ align-items: center;
1683
+ /* transform: rotate(90deg); */
1727
1684
  }
1728
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1729
- margin: 0 12px 0 12px;
1685
+
1686
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1687
+ display: none;
1730
1688
  }
1689
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1690
+ margin-left: -10px;
1691
+ display: none;
1731
1692
  }
1732
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1733
- width: 90px;
1734
- height: 90px;
1693
+
1694
+ .video-js.skin_mini .vjs-loading-spinner {
1695
+ position: absolute;
1696
+ top: 50%;
1697
+ left: 50%;
1698
+ transform: translate(-50%, -50%);
1699
+ opacity: .85;
1700
+ text-align: left;
1701
+ border: .2em solid rgba(43, 51, 63, .7);
1702
+ box-sizing: border-box;
1703
+ background-clip: padding-box;
1704
+ width: 3em;
1705
+ height: 3em;
1706
+ border-radius: 50%;
1707
+ visibility: hidden;
1708
+ }
1709
+
1710
+ .video-js.skin_mini .skipbtn:hover{
1711
+ cursor: pointer;
1712
+ }
1713
+
1714
+ .video-js.skin_mini .rewindbtn:hover{
1715
+ cursor: pointer;
1716
+ }
1717
+
1718
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1719
+ position: relative;
1720
+ padding-left: 0;
1721
+ }
1722
+
1723
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1724
+ width: 40px;
1725
+ height: 40px;
1735
1726
  display: flex;
1736
1727
  justify-content: center;
1737
1728
  align-items: center;
1738
- border-radius: 50%;
1729
+ border: none;
1739
1730
  position: absolute;
1740
1731
  top: 0;
1741
1732
  left: 0;
1742
1733
  right: 0;
1743
1734
  bottom: 0;
1744
1735
  margin: auto;
1745
- font-size: 6em;
1746
- line-height: 1.4em;
1736
+ font-size: 3em;
1737
+ line-height: 1.3em;
1738
+ transform: none !important;
1739
+ border-radius: 1.3em;
1747
1740
  }
1748
1741
 
1749
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1750
- display: flex;
1751
- justify-content: center;
1752
- align-items: center;
1753
- height: 100%;
1754
- transition: width 0.1s;
1742
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1743
+ font-weight: bold;
1755
1744
  }
1756
1745
 
1757
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1758
- display: flex;
1759
- justify-content: center;
1760
- align-items: center;
1761
- height: 100%;
1762
- transition: width 0.1s;
1746
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1747
+ bottom: 1.1em !important;
1748
+ right: 1em;
1749
+ z-index: 1;
1750
+ font-size: 10px;
1763
1751
  }
1764
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1765
- display: none !important;
1752
+
1753
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1754
+ width: 24px !important;
1755
+ height: 24px !important;
1756
+ }
1757
+ .video-js.skin_mini .settings-selector-icon>svg{
1758
+ height: 19px !important;
1759
+ width: 19px !important;
1766
1760
  }
1767
1761
 
1768
- @media (max-width: 576px) {
1769
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1770
- height: 5px !important;
1771
- }
1772
- .video-js.skin_news_live button.vjs-big-play-button {
1773
- width: 50px !important;
1774
- height: 50px !important;
1775
- font-size: 2.1rem !important;
1776
- }
1777
1762
 
1778
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1779
- display: none;
1780
- }
1781
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1782
- bottom: 2.4em !important;
1783
- right: -1em;
1784
- z-index: 1;
1763
+ .video-js.skin_mini button.vjs-rewind-button{
1764
+ cursor: pointer;
1785
1765
  }
1786
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1787
- display: none !important;
1788
- }
1789
1766
 
1790
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1791
- color: white !important;
1792
- font-size: 13px !important;
1793
- background-color: black !important;
1794
- }
1767
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1768
+ padding-right: 0;
1795
1769
  }
1796
1770
 
1797
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1798
- width: 100% !important;
1771
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1772
+ padding-left: 0;
1799
1773
  }
1800
1774
 
1801
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1802
- color: white !important;
1803
- font-size: 16px !important;
1804
- background-color: black !important;
1775
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1776
+ padding-left: 0;
1777
+ padding-right: 0;
1778
+ display: flex;
1779
+ justify-content: center;
1780
+ width: min-content;
1805
1781
  }
1806
1782
 
1807
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1808
- margin-bottom: 2rem !important;
1783
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1784
+ display: none
1809
1785
  }
1810
-
1811
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1812
- font-size: 18px !important;
1786
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1787
+ display: none
1813
1788
  }
1814
1789
 
1815
-
1816
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1817
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1818
- font-size: 1.2em !important;
1819
- line-height: 1.5em !important;
1820
- padding: 0.2em 0.8em !important;
1790
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1791
+ display: flex;
1792
+ align-items: center;
1793
+ font-weight: 700;
1794
+ font-size: 9px;
1795
+ min-width: 0.8em;
1796
+ padding-left: 0;
1821
1797
  }
1822
1798
 
1823
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1824
- content: none !important;
1825
- fill: none !important;
1826
- filter: none !important;
1799
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1800
+ display: none;
1801
+ font-size: 11px;
1802
+ justify-content: center;
1803
+ align-items: center;
1804
+ user-select: none;
1827
1805
  }
1828
-
1829
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1830
- color: rgba(255, 255, 2555, 0.7)!important;
1806
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1807
+ display: none;
1831
1808
  }
1832
1809
 
1833
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1834
- color: rgba(255, 255, 2555, 1)!important;
1810
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1811
+ height: min-content;
1812
+ width: min-content;
1813
+ }
1814
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1815
+ width: 3em;
1816
+ margin-right: 4px;
1835
1817
  }
1836
1818
 
1819
+ .video-js.skin_mini .content{
1820
+ bottom: 3.4rem !important;
1821
+ right: -4rem !important;
1822
+ }
1837
1823
 
1838
-
1839
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1840
- height: 0.7em;
1841
- position: absolute;
1842
- top: -0.7em;
1843
- width: 100%;
1824
+ .video-js.skin_mini .setting-icon > svg{
1825
+ height:18px !important;
1844
1826
  }
1845
1827
 
1846
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1847
- height: 100%;
1828
+ .output-overlay{
1829
+ position: absolute;
1830
+ bottom: 0;
1831
+ height: 100%;
1832
+ width: 100%;
1833
+ z-index: 0;
1834
+ border: 0;
1835
+ pointer-events:none
1848
1836
  }
1849
1837
 
1850
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1851
- line-height: 2.5;
1838
+ .video-js.skin_mini iframe{
1839
+ width: 100%;
1840
+ height: 100%;
1852
1841
  }
1853
1842
 
1854
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1855
- height: 19px;
1856
- width: 19px;
1857
- cursor: pointer;
1843
+ .video-js.skin_mini .vjs-live-control{
1844
+ align-items: center;
1845
+ max-width: 5em;
1858
1846
  }
1859
- .video-js.skin_vlone .vjs-control {
1860
- user-select: none;
1847
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1848
+ height: 2.2em;
1849
+ display: flex;
1850
+ align-items: center;
1851
+ font-family: monospace;
1852
+ width: 4em;
1853
+ justify-content: center;
1854
+ background: red;
1855
+ margin: 4px 0px 4px 2px;
1861
1856
  }
1862
- .video-js.skin_vlone .vjs-custom-control-spacer{
1863
- user-select: none;
1857
+
1858
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1859
+ text-shadow: none;
1860
+ }
1861
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1862
+ display: none;
1863
+ font-size: 12px;
1864
1864
  }
1865
1865
 
1866
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1867
- height: 19px;
1868
- width: 19px;
1869
- cursor: pointer;
1866
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1867
+ height: 1.8em;
1868
+ display: inline-flex;
1869
+ align-items: center;
1870
+ font-family: monospace;
1871
+ justify-content: center;
1872
+ border: 1.5px solid;
1873
+ margin: 4px 0px 4px 2px;
1874
+ white-space: pre;
1875
+ padding: 2px 4px;
1876
+ font-size: 1.2em;
1877
+ font-weight: 500;
1878
+ color: rgba(255, 255, 2555, 0.7);
1870
1879
  }
1871
1880
 
1872
- .video-js.skin_vlone .vjs-play-progress:before {
1873
- display: none !important;
1881
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1882
+ content: "NOT LIVE";
1883
+ word-spacing: -4px;
1874
1884
  }
1875
1885
 
1876
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1877
- margin: 0 !important;
1878
-
1879
- }
1880
1886
 
1887
+ @media(max-width:600px){
1888
+ .tvProviderImage{
1889
+ display: none
1890
+ }
1891
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1892
+ .icon-maximize {
1893
+ height: 30px !important;
1894
+ }
1881
1895
 
1882
- .video-js.skin_vlone .vjs-custom-control-spacer {
1883
- display: block;
1884
- flex: 1 1 auto;
1885
- }
1896
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1897
+ .icon-minimize {
1898
+ height: 30px !important;
1899
+ }
1900
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1901
+ width: 3.5em;
1902
+ }
1903
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1904
+ height: min-content;
1905
+ }
1886
1906
 
1887
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1907
+ .video-js.skin_mini button.vjs-slowmo-button{
1908
+ display: none;
1909
+ }
1910
+ .video-js.skin_mini button.vjs-rewind-button{
1911
+ display: none;
1912
+ }
1913
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1914
+ height: 20px;
1915
+ }
1916
+ .video-js.skin_mini .vjs-button{
1917
+ width: 3em;
1918
+ }
1919
+ .video-js.skin_mini .widget-selection{
1920
+ display: none;
1921
+ }
1922
+ .video-js.skin_mini .container{
1923
+ display: none !important;
1924
+ }
1925
+ .video-js.skin_mini .vjs-control-bar{
1926
+ height: 4em !important;
1927
+ }
1928
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1929
+ font-size: 2.5em;
1930
+ line-height: 1.5;
1931
+ }
1932
+ .video-js.skin_mini .vjs-play-progress:before {
1933
+ font-size: 1.2em;
1934
+ position: absolute;
1935
+ right: -0.5em;
1888
1936
  z-index: 1;
1889
1937
  }
1890
-
1891
-
1892
- .video-js.skin_vlone .vjs-control-bar {
1893
- height: 40px;
1938
+ .video-js.skin_mini button.vjs-skip-button>svg{
1939
+ height: 20px;
1894
1940
  }
1895
1941
 
1896
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1897
- .vjs-button>.vjs-icon-placeholder:before {
1898
- position: relative !important;
1942
+ .stream-selector-icon>svg{
1943
+ width: 24px;
1944
+ height: 24px;
1899
1945
  }
1900
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1901
- display: flex;
1902
- left: 0px;
1903
- top: -1px;
1946
+ .video-js.skin_mini .vjs-seek-to-live-text{
1947
+ font-size: 12px;
1904
1948
  }
1905
1949
 
1906
- .vjs-button>.vjs-icon-placeholder:before {
1907
- font-size: 2em !important;
1950
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1951
+ color: white !important;
1952
+ font-size: 16px !important;
1953
+ background-color: rgba(0,0,0,0.2) !important;
1954
+ }
1908
1955
  }
1909
1956
 
1910
- .video-js.skin_vlone .vjs-control {
1911
- width: 4.3em;
1957
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1958
+ color: white !important;
1959
+ font-size: 16px !important;
1960
+ background-color: rgba(0,0,0,0.2) !important;
1912
1961
  }
1913
1962
 
1914
- .vjs-menu-button-popup .vjs-menu {
1915
- bottom: 10px !important;
1963
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1964
+ font-size: 18px !important;
1916
1965
  }
1917
1966
 
1918
-
1919
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1920
- height: 1.3em;
1921
- position: absolute;
1922
- top: -1.3em;
1923
- transition: height 0.3s, top 0.3s;
1967
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1968
+ margin-bottom: 1rem !important;
1924
1969
  }
1925
1970
 
1926
1971
 
1927
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1928
- display: none !important;
1972
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1973
+ display: flex;
1974
+ justify-content: center;
1975
+ align-items: center;
1976
+ height: 100%;
1977
+ transition: width 0.1s;
1978
+ }
1979
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1980
+ margin: 2px;
1929
1981
  }
1930
1982
 
1931
- .video-js.skin_vlone .vjs-time-control {
1932
- display: block;
1983
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1984
+ display: flex;
1985
+ justify-content: center;
1986
+ align-items: center;
1987
+ height: 100%;
1988
+ transition: width 0.1s;
1933
1989
  }
1934
- .video-js.skin_vlone .vjs-remaining-time {
1935
- display: none;
1990
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1991
+ display: grid;
1992
+ font-size: 10px;
1993
+ grid-template-columns: 1fr;
1994
+ grid-template-rows: 1fr;
1995
+ padding: 1px 0px 0 0px;
1996
+ margin: 0;
1936
1997
  }
1937
1998
 
1938
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1939
- line-height: 3.5em;
1940
- font-size: 1.1em;
1941
- min-width: 4em;
1942
- }
1999
+ @media (max-width: 600px) {
2000
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
2001
+ height: 5px !important;
2002
+ }
1943
2003
 
1944
- .video-js.skin_vlone .vjs-time-divider > div{
1945
- display: flex;
1946
- justify-content: center;
1947
- }
2004
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2005
+ display: none;
2006
+ }
1948
2007
 
1949
- .video-js.skin_vlone .vjs-live-control{
1950
- align-items: center;
1951
- }
1952
- .video-js.skin_vlone .vjs-live-display{
1953
- height: 2.2em;
1954
- display: flex;
1955
- align-items: center;
1956
- font-family: monospace;
1957
- width: 4em;
1958
- justify-content: center;
1959
- background: red;
1960
- margin: 4px 0px 4px 12px;
1961
- }
1962
- .video-js.skin_vlone .vjs-live-display:hover{
1963
- cursor: pointer;
1964
2008
  }
1965
2009
 
1966
- .video-js.skin_vlone .vjs-time-control {
1967
- line-height: 3.5em !important;
1968
- font-size: 1.1em !important;
1969
- width: min-content !important;
1970
- min-width: 1.5em;
1971
- padding: 0 !important;
1972
- user-select: none;
2010
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
2011
+ content: none !important;
2012
+ fill: none !important;
2013
+ filter: none !important;
1973
2014
  }
1974
2015
 
1975
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1976
- margin-left: 16px !important;
2016
+ /* svg icons opacity and hover effect */
2017
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2018
+ opacity: 0.7 !important;
1977
2019
  }
1978
2020
 
1979
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1980
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1981
- font-size: 1.2em !important;
1982
- line-height: 1.5em !important;
1983
- padding: 0.2em 0.8em !important;
2021
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2022
+ opacity: 1 !important;
1984
2023
  }
1985
2024
 
1986
-
1987
- /* Big play */
1988
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1989
- width: 80px;
1990
- height: 80px;
1991
- display: flex;
1992
- justify-content: center;
1993
- align-items: center;
1994
- border: none;
1995
- position: absolute;
1996
- top: 0;
1997
- left: 0;
1998
- right: 0;
1999
- bottom: 0;
2000
- margin: auto;
2001
- font-size: 5em;
2002
- line-height: 1.3em;
2003
- transform: none !important;
2004
- border-radius: 1.3em;
2005
- }
2006
- .video-js.skin_vlone .ssai-ad-container{
2007
- position: absolute;
2008
- bottom: 4px;
2025
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2026
+ color: rgba(255, 255, 2555, 0.7)!important;
2009
2027
  }
2010
-
2011
- @media(max-width:600px){
2012
- .video-js.skin_vlone button.vjs-big-play-button {
2013
- width: 50px !important;
2014
- height: 50px !important;
2015
- font-size: 2.1rem !important;
2016
- }
2017
2028
 
2018
- .video-js.skin_vlone .ssai-ad-container {
2019
- position: absolute;
2020
- bottom: 2px;
2021
- }
2022
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
2023
- display: none;
2029
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2030
+ color: rgba(255, 255, 2555, 1)!important;
2024
2031
  }
2025
2032
 
2026
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
2027
- /* display: none; */
2028
- }
2029
2033
 
2030
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
2031
- /* display: none; */
2032
- }
2033
- }
2034
-
2034
+
2035
2035
  /* CSS for videojs-dvr-seekbar */
2036
2036
 
2037
2037
  .video-js.vjs-dvr-seekbar {
@@ -2292,8 +2292,6 @@
2292
2292
  align-content: baseline;
2293
2293
  }
2294
2294
 
2295
-
2296
-
2297
2295
  .vjs-custom-big-mute.vjs-control{
2298
2296
  position: absolute;
2299
2297
  align-items: center;
@@ -2343,6 +2341,8 @@
2343
2341
  }
2344
2342
 
2345
2343
 
2344
+
2345
+
2346
2346
  /* nextep — up-next card (centered in player, scales with player size) */
2347
2347
  .video-js:has(.next-ep-preview),
2348
2348
  .video-js:has(.next-ep-preview-player-thumb) {