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