@viewlift/player-backup 2.0.251-backup → 2.0.253-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 (58) hide show
  1. package/cjs/autoNextVideo-cb31894f.js +1 -0
  2. package/cjs/bundle.css +556 -556
  3. package/cjs/features-258a9a64.js +1 -0
  4. package/cjs/generic-939a3e97.js +1 -0
  5. package/cjs/index-8047cfe4.js +1 -0
  6. package/cjs/index-c51fccda.js +1 -0
  7. package/cjs/index-e4393a77.js +1 -0
  8. package/cjs/index.js +1 -1
  9. package/cjs/multicamv2-92e2b919.js +1 -0
  10. package/cjs/multicamv2-ee975960.js +1 -0
  11. package/cjs/nextEpisodeButton-10a8c935.js +1 -0
  12. package/cjs/playlist-d6f8e3b6.js +1 -0
  13. package/cjs/series-ab2fb794.js +1 -0
  14. package/cjs/series-v2-693bc5cc.js +1 -0
  15. package/cjs/series-v2-8694c212.js +1 -0
  16. package/cjs/skin-02df14d4.js +1 -0
  17. package/cjs/skin-334830ee.js +1 -0
  18. package/cjs/skin-5e4b3ad1.js +1 -0
  19. package/cjs/skin-6e922e32.js +1 -0
  20. package/cjs/skin-98b66c5d.js +1 -0
  21. package/cjs/skin-ab226d57.js +1 -0
  22. package/cjs/skin-af838b06.js +1 -0
  23. package/cjs/skin-dbeec98f.js +1 -0
  24. package/cjs/skin-eac05283.js +1 -0
  25. package/cjs/util-4769ed5b.js +1 -0
  26. package/cjs/videoSelector-2d51c4d2.js +1 -0
  27. package/cjs/videoSelector-a122278c.js +1 -0
  28. package/cjs/videojs-dash5.es-75637b78.js +1 -0
  29. package/esm/autoNextVideo-15f76d85.js +1 -0
  30. package/esm/bundle.css +556 -556
  31. package/esm/components/timer/index.d.ts +4 -0
  32. package/esm/features-ab6f492e.js +1 -0
  33. package/esm/generic-2f9efcf1.js +1 -0
  34. package/esm/index-1d1f438d.js +1 -0
  35. package/esm/index-7304e60f.js +1 -0
  36. package/esm/index-e796a94f.js +1 -0
  37. package/esm/index.js +1 -1
  38. package/esm/multicamv2-e247f9b6.js +1 -0
  39. package/esm/multicamv2-e85ff8d3.js +1 -0
  40. package/esm/nextEpisodeButton-a6ef9e2a.js +1 -0
  41. package/esm/playlist-78ea48cc.js +1 -0
  42. package/esm/series-9dcc32b9.js +1 -0
  43. package/esm/series-v2-10742435.js +1 -0
  44. package/esm/series-v2-52212b58.js +1 -0
  45. package/esm/skin-01da91f0.js +1 -0
  46. package/esm/skin-258904b8.js +1 -0
  47. package/esm/skin-4ad0fccc.js +1 -0
  48. package/esm/skin-74d07b0b.js +1 -0
  49. package/esm/skin-b8e87cdb.js +1 -0
  50. package/esm/skin-c4422587.js +1 -0
  51. package/esm/skin-c906e1c0.js +1 -0
  52. package/esm/skin-e9914c42.js +1 -0
  53. package/esm/skin-f5b2d1cc.js +1 -0
  54. package/esm/util-90b9fbc3.js +1 -0
  55. package/esm/videoSelector-0c6d2d43.js +1 -0
  56. package/esm/videoSelector-b8f21092.js +1 -0
  57. package/esm/videojs-dash5.es-1a1bf509.js +1 -0
  58. package/package.json +1 -1
package/esm/bundle.css CHANGED
@@ -1,33 +1,267 @@
1
1
 
2
2
 
3
3
 
4
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
+ height: 0.7em;
6
+ position: absolute;
7
+ top: -0.7em;
8
+ width: 100%;
9
+ }
4
10
 
11
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
12
+ height: 100%;
13
+ }
5
14
 
6
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
15
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
16
+ line-height: 2.5;
17
+ }
18
+
19
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
20
+ height: 19px;
21
+ width: 19px;
22
+ cursor: pointer;
23
+ }
24
+ .video-js.skin_vlone .vjs-control {
25
+ user-select: none;
26
+ }
27
+ .video-js.skin_vlone .vjs-custom-control-spacer{
28
+ user-select: none;
29
+ }
30
+
31
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
32
+ height: 19px;
33
+ width: 19px;
34
+ cursor: pointer;
35
+ }
36
+
37
+ .video-js.skin_vlone .vjs-play-progress:before {
38
+ display: none !important;
39
+ }
40
+
41
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
42
+ margin: 0 !important;
43
+
44
+ }
45
+
46
+
47
+ .video-js.skin_vlone .vjs-custom-control-spacer {
48
+ display: block;
49
+ flex: 1 1 auto;
50
+ }
51
+
52
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
53
+ z-index: 1;
54
+ }
55
+
56
+
57
+ .video-js.skin_vlone .vjs-control-bar {
58
+ height: 40px;
59
+ }
60
+
61
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
62
+ .vjs-button>.vjs-icon-placeholder:before {
63
+ position: relative !important;
64
+ }
65
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
66
+ display: flex;
67
+ left: 0px;
68
+ top: -1px;
69
+ }
70
+
71
+ .vjs-button>.vjs-icon-placeholder:before {
72
+ font-size: 2em !important;
73
+ }
74
+
75
+ .video-js.skin_vlone .vjs-control {
76
+ width: 4.3em;
77
+ }
78
+
79
+ .vjs-menu-button-popup .vjs-menu {
80
+ bottom: 10px !important;
81
+ }
82
+
83
+
84
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
85
+ height: 1.3em;
86
+ position: absolute;
87
+ top: -1.3em;
88
+ transition: height 0.3s, top 0.3s;
89
+ }
90
+
91
+
92
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
93
+ display: none !important;
94
+ }
95
+
96
+ .video-js.skin_vlone .vjs-time-control {
97
+ display: block;
98
+ }
99
+ .video-js.skin_vlone .vjs-remaining-time {
100
+ display: none;
101
+ }
102
+
103
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
104
+ line-height: 3.5em;
105
+ font-size: 1.1em;
106
+ min-width: 4em;
107
+ }
108
+
109
+ .video-js.skin_vlone .vjs-time-divider > div{
110
+ display: flex;
111
+ justify-content: center;
112
+ }
113
+
114
+ .video-js.skin_vlone .vjs-live-control{
115
+ align-items: center;
116
+ }
117
+ .video-js.skin_vlone .vjs-live-display{
118
+ height: 2.2em;
119
+ display: flex;
120
+ align-items: center;
121
+ font-family: monospace;
122
+ width: 4em;
123
+ justify-content: center;
124
+ background: red;
125
+ margin: 4px 0px 4px 12px;
126
+ }
127
+ .video-js.skin_vlone .vjs-live-display:hover{
128
+ cursor: pointer;
129
+ }
130
+
131
+ .video-js.skin_vlone .vjs-time-control {
132
+ line-height: 3.5em !important;
133
+ font-size: 1.1em !important;
134
+ width: min-content !important;
135
+ min-width: 1.5em;
136
+ padding: 0 !important;
137
+ user-select: none;
138
+ }
139
+
140
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
141
+ margin-left: 16px !important;
142
+ }
143
+
144
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
145
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
146
+ font-size: 1.2em !important;
147
+ line-height: 1.5em !important;
148
+ padding: 0.2em 0.8em !important;
149
+ }
150
+
151
+
152
+ /* Big play */
153
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
154
+ width: 80px;
155
+ height: 80px;
156
+ display: flex;
157
+ justify-content: center;
158
+ align-items: center;
159
+ border: none;
160
+ position: absolute;
161
+ top: 0;
162
+ left: 0;
163
+ right: 0;
164
+ bottom: 0;
165
+ margin: auto;
166
+ font-size: 5em;
167
+ line-height: 1.3em;
168
+ transform: none !important;
169
+ border-radius: 1.3em;
170
+ }
171
+ .video-js.skin_vlone .ssai-ad-container{
172
+ position: absolute;
173
+ bottom: 4px;
174
+ }
175
+
176
+ @media(max-width:600px){
177
+ .video-js.skin_vlone button.vjs-big-play-button {
178
+ width: 50px !important;
179
+ height: 50px !important;
180
+ font-size: 2.1rem !important;
181
+ }
182
+
183
+ .video-js.skin_vlone .ssai-ad-container {
184
+ position: absolute;
185
+ bottom: 2px;
186
+ }
187
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
188
+ display: none;
189
+ }
190
+
191
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
192
+ display: none;
193
+ }
194
+
195
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
196
+ display: none;
197
+ }
198
+ }
199
+
200
+
201
+
202
+ .video-js .content {
203
+ border-radius: 0;
204
+ background-color: rgba(43, 51, 63, 0.7);
205
+ }
206
+ .video-js .resolution {
207
+ min-width: 100px;
208
+ }
209
+ .video-js .content .resolution .title {
210
+ display: none;
211
+ }
212
+ .video-js .resolution .rendition{
213
+ display: flex;
214
+ list-style: none;
215
+ margin: 0;
216
+ line-height: 1.4em;
217
+ font-size: 12px;
218
+ text-align: center;
219
+ }
220
+ .video-js .rendition {
221
+ padding: 4px 20px;
222
+ }
223
+ .video-js .rendition span {
224
+ background: none;
225
+ }
226
+ .video-js .resolution .renditions .relative:hover {
227
+ background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
228
+ }
229
+ .video-js .resolution .renditions .relative .rendition.selected {
230
+ background-color: #fff;
231
+ color: #2B333F;
232
+ font-weight: normal;
233
+ }
234
+
235
+ .video-js .resolution .renditions .relative .rendition.selected span{
236
+ color: #2B333F;
237
+ font-weight: bold
238
+ }
239
+
240
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
7
241
  font-size: 2.2em;
8
242
  line-height: 2.6;
9
243
  }
10
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
11
- background: #fcb700;
244
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
245
+ background: white;
12
246
  }
13
- .video-js.skin_news_live .vjs-control-bar{
247
+ .video-js.skin_news .vjs-control-bar{
14
248
  z-index: 1 !important;
15
249
  height: 5em !important;
16
250
  background: black !important;
17
251
  }
18
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
252
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
19
253
  display: flex;
20
254
  align-items: center;
21
255
  justify-content: center;
22
256
  }
23
257
 
24
- .video-js.skin_news_live .vjs-fade>* {
258
+ .video-js.skin_news .vjs-fade>* {
25
259
  visibility: hidden !important;
26
260
  opacity: 0 !important;
27
261
  transition: visibility 1s, opacity 1s !important;
28
262
  }
29
263
 
30
- .video-js.skin_news_live .custom-spaced-progress-bar {
264
+ .video-js.skin_news .custom-spaced-progress-bar {
31
265
  position: absolute;
32
266
  width: 100%;
33
267
  display: flex;
@@ -35,7 +269,7 @@
35
269
  top: -0.5em;
36
270
  }
37
271
 
38
- .video-js.skin_news_live .vjs-progress-control {
272
+ .video-js.skin_news .vjs-progress-control {
39
273
  /* left: -6px; */
40
274
  position: relative;
41
275
  width: 100%;
@@ -43,25 +277,22 @@
43
277
  transition: height 0.1s, top 0.1s;
44
278
  }
45
279
 
46
- .video-js.skin_news_live .vjs-volume-panel{
47
- min-width: 5.3em;
48
- }
49
280
 
50
281
 
51
282
 
52
- .video-js.skin_news_live .vjs-custom-control-spacer {
53
- /* display: block; */
54
- /* flex: 1 1 auto; */
283
+ .video-js.skin_news .vjs-custom-control-spacer {
284
+ display: block;
285
+ flex: 1 1 auto;
55
286
  }
56
287
 
57
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
288
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
58
289
  margin: 0 0px 0 0px;
59
290
  }
60
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
291
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
61
292
  display: none;
62
293
  }
63
294
 
64
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
295
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
65
296
  font-size: 14px;
66
297
  font-weight: 500;
67
298
  align-self: center;
@@ -70,30 +301,30 @@
70
301
  border-radius: 8px;
71
302
  }
72
303
 
73
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
304
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
74
305
  height: 6px !important;
75
306
  }
76
307
 
77
- .video-js.skin_news_live .vjs-play-progress:before {
308
+ .video-js.skin_news .vjs-play-progress:before {
78
309
  font-size: 1.5em;
79
310
  line-height: unset;
80
311
  top: -0.3333333333em;
81
312
  }
82
313
 
83
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
314
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
84
315
  display: none !important;
85
316
  }
86
317
 
87
318
  /* */
88
- .video-js.skin_news_live .vjs-mouse-display{
319
+ .video-js.skin_news .vjs-mouse-display{
89
320
  font-size: 1.6666666667em;
90
321
  }
91
322
 
92
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
323
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
93
324
  font-size: 1em !important;
94
325
  }
95
326
 
96
- .video-js.skin_news_live .vjs-button{
327
+ .video-js.skin_news .vjs-button{
97
328
  width: 5.3em;
98
329
  display: flex;
99
330
  align-items: center;
@@ -101,71 +332,63 @@
101
332
  }
102
333
 
103
334
 
104
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
335
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
105
336
  .icon-maximize {
106
337
  display: block;
107
338
  height: 32px;
108
339
  }
109
340
 
110
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
341
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
111
342
  line-height: 4;
112
343
  }
113
344
 
114
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
345
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
115
346
  .icon-minimize {
116
347
  display: none;
117
348
  height: 32px;
118
349
  }
119
350
 
120
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
351
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
121
352
  outline: none !important;
122
- /* flex: 1; */
123
- }
124
- .video-js.skin_news_live .vjs-play-toggle-container{
125
- display: flex;
126
- flex: 1;
127
- justify-content: center;
128
353
  }
129
-
130
-
131
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
354
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
132
355
  .vjs-icon-fullscreen-enter:before {
133
356
  /* content: '' !important; */
134
357
  }
135
358
 
136
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
359
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
137
360
  display: flex;
138
361
  justify-content: center;
139
362
  align-items: center;
140
363
  /* transform: rotate(90deg); */
141
364
  }
142
365
 
143
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
366
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
144
367
  display: none;
145
368
  }
146
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
369
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
147
370
  margin-left: -10px;
148
371
  }
149
372
 
150
- .video-js.skin_news_live .skipbtn:hover{
373
+ .video-js.skin_news .skipbtn:hover{
151
374
  cursor: pointer;
152
375
  }
153
376
 
154
- .video-js.skin_news_live .rewindbtn:hover{
377
+ .video-js.skin_news .rewindbtn:hover{
155
378
  cursor: pointer;
156
379
  }
157
380
 
158
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
381
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
159
382
  position: relative;
160
383
  padding-left: 0;
161
384
  }
162
385
 
163
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
386
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
164
387
  display: none !important;
165
388
  }
166
389
 
167
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
168
- /* width: 90px;
390
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
391
+ width: 90px;
169
392
  height: 90px;
170
393
  display: flex;
171
394
  justify-content: center;
@@ -180,20 +403,19 @@
180
403
  font-size: 6em;
181
404
  line-height: 1.4em;
182
405
  border: 0.05em solid;
183
- color: inherit; */
184
- display: none !important;
406
+ color: inherit;
185
407
  }
186
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
408
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
187
409
  font-weight: bold;
188
410
  }
189
411
 
190
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
412
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
191
413
  bottom: 2.4em !important;
192
414
  right: -1em;
193
415
  z-index: 1;
194
416
  }
195
417
 
196
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
418
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
197
419
  width: 24px !important;
198
420
  height: 24px !important;
199
421
  }
@@ -203,34 +425,34 @@
203
425
  }
204
426
 
205
427
 
206
- .video-js.skin_news_live button.vjs-rewind-button{
428
+ .video-js.skin_news button.vjs-rewind-button{
207
429
  cursor: pointer;
208
430
  }
209
431
 
210
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
432
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
211
433
  padding-right: 0;
212
- display: none;
213
434
  }
214
435
 
215
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
436
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
216
437
  padding-left: 0;
217
- display: none;
218
438
  }
219
439
 
220
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
440
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
221
441
  padding-left: 0;
222
442
  padding-right: 0;
223
- display: none;
443
+ display: flex;
444
+ justify-content: center;
445
+ width: min-content;
224
446
  }
225
447
 
226
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
448
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
227
449
  display: none
228
450
  }
229
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
451
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
230
452
  display: none
231
453
  }
232
454
 
233
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
455
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
234
456
  display: flex;
235
457
  align-items: center;
236
458
  font-weight: 700;
@@ -238,26 +460,26 @@
238
460
  min-width: 1.2em;
239
461
  }
240
462
 
241
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
463
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
242
464
  display: none;
243
465
  font-size: 11px;
244
466
  justify-content: center;
245
467
  align-items: center;
246
468
  user-select: none;
247
469
  }
248
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
470
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
249
471
  display: none;
250
472
  }
251
473
 
252
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
474
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
253
475
  height: min-content;
254
476
  width: min-content;
255
477
  }
256
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
478
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
257
479
  width: 6em;
258
480
  }
259
481
 
260
- .video-js.skin_news_live .content{
482
+ .video-js.skin_news .content{
261
483
  bottom: 3.4rem !important;
262
484
  right: -4rem !important;
263
485
  }
@@ -281,11 +503,10 @@ iframe{
281
503
  height: 100%;
282
504
  }
283
505
 
284
- .video-js.skin_news_live .vjs-live-control{
506
+ .video-js.skin_news .vjs-live-control{
285
507
  align-items: center;
286
- display: none;
287
508
  }
288
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
509
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
289
510
  height: 2.2em;
290
511
  display: flex;
291
512
  align-items: center;
@@ -296,22 +517,43 @@ iframe{
296
517
  margin: 4px 0px 4px 12px;
297
518
  }
298
519
 
299
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
520
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
300
521
  text-shadow: none;
301
522
  }
523
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
524
+ display: none;
525
+ font-size: 12px;
526
+ }
302
527
 
303
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
304
- display: flex;
528
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
529
+ height: 2.2em;
530
+ display: inline-flex;
531
+ align-items: center;
532
+ /* font-family: monospace; */
305
533
  justify-content: center;
306
- min-width: 5.3em;
307
- pointer-events: none;
308
- user-select: none;
534
+ border: 2px solid;
535
+ margin: 4px 0px 4px 6px;
536
+ white-space: pre;
537
+ padding: 0px 6px;
538
+ font-size: 1.2em;
539
+ font-weight: 500;
540
+ color: rgba(255, 255, 2555, 0.7);
541
+
542
+ letter-spacing: -.1px;
543
+ line-height: normal;
544
+ text-transform: uppercase;
545
+ color: #FFFFFF;
546
+ opacity: .7;
547
+ font-family: "Proxima Nova";
309
548
  }
310
549
 
311
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
312
- color: white;
550
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
551
+ opacity: 1;
313
552
  }
314
553
 
554
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
555
+ content: "NOT LIVE";
556
+ }
315
557
 
316
558
  .settings-selection.vjs-control.vjs-button{
317
559
  display: flex !important;
@@ -328,57 +570,57 @@ iframe{
328
570
  .tvProviderImage{
329
571
  display: none
330
572
  }
331
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
573
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
332
574
  .icon-maximize {
333
575
  height: 30px !important;
334
576
  }
335
577
 
336
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
578
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
337
579
  .icon-minimize {
338
580
  height: 30px !important;
339
581
  }
340
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
582
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
341
583
  width: 4.5em;
342
584
  }
343
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
585
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
344
586
  height: min-content;
345
587
  }
346
588
 
347
- .video-js.skin_news_live button.vjs-slowmo-button{
589
+ .video-js.skin_news button.vjs-slowmo-button{
348
590
  display: none;
349
591
  }
350
- .video-js.skin_news_live button.vjs-rewind-button{
592
+ .video-js.skin_news button.vjs-rewind-button{
351
593
  display: none;
352
594
  }
353
- .video-js.skin_news_live button.vjs-rewind-button>svg{
595
+ .video-js.skin_news button.vjs-rewind-button>svg{
354
596
  height: 20px;
355
597
  }
356
- .video-js.skin_news_live .vjs-button{
598
+ .video-js.skin_news .vjs-button{
357
599
  width: 4.8em;
358
600
  }
359
- .video-js.skin_news_live .widget-selection{
601
+ .video-js.skin_news .widget-selection{
360
602
  display: none;
361
603
  }
362
- .video-js.skin_news_live .container{
604
+ .video-js.skin_news .container{
363
605
  display: none !important;
364
606
  }
365
- .video-js.skin_news_live .vjs-control-bar{
607
+ .video-js.skin_news .vjs-control-bar{
366
608
  height: 4em !important;
367
609
  }
368
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
610
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
369
611
  font-size: 2.5em;
370
612
  line-height: 1.5;
371
613
  }
372
- .video-js.skin_news_live .vjs-play-progress:before {
614
+ .video-js.skin_news .vjs-play-progress:before {
373
615
  font-size: 1.2em;
374
616
  position: absolute;
375
617
  right: -0.5em;
376
618
  z-index: 1;
377
619
  }
378
- .video-js.skin_news_live button.vjs-skip-button>svg{
620
+ .video-js.skin_news button.vjs-skip-button>svg{
379
621
  height: 20px;
380
622
  }
381
- .video-js.skin_news_live button.vjs-big-play-button {
623
+ .video-js.skin_news button.vjs-big-play-button {
382
624
  width: 50px !important;
383
625
  height: 50px !important;
384
626
  font-size: 2.1rem !important;
@@ -388,17 +630,17 @@ iframe{
388
630
  width: 24px;
389
631
  height: 24px;
390
632
  }
391
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
633
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
392
634
  margin: 0 12px 0 12px;
393
635
  }
394
- .video-js.skin_news_live .vjs-seek-to-live-text{
636
+ .video-js.skin_news .vjs-seek-to-live-text{
395
637
  font-size: 12px;
396
638
  }
397
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
639
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
398
640
  margin: 0 12px 0 12px;
399
641
  }
400
642
  }
401
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
643
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
402
644
  width: 90px;
403
645
  height: 90px;
404
646
  display: flex;
@@ -415,7 +657,7 @@ iframe{
415
657
  line-height: 1.4em;
416
658
  }
417
659
 
418
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
660
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
419
661
  display: flex;
420
662
  justify-content: center;
421
663
  align-items: center;
@@ -423,324 +665,106 @@ iframe{
423
665
  transition: width 0.1s;
424
666
  }
425
667
 
426
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
668
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
427
669
  display: flex;
428
670
  justify-content: center;
429
671
  align-items: center;
430
- height: 100%;
431
- transition: width 0.1s;
432
- }
433
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
434
- display: none !important;
435
- }
436
-
437
- @media (max-width: 576px) {
438
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
439
- height: 5px !important;
440
- }
441
- .video-js.skin_news_live button.vjs-big-play-button {
442
- width: 50px !important;
443
- height: 50px !important;
444
- font-size: 2.1rem !important;
445
- }
446
-
447
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
448
- display: none;
449
- }
450
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
451
- bottom: 2.4em !important;
452
- right: -1em;
453
- z-index: 1;
454
- }
455
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
456
- display: none !important;
457
- }
458
-
459
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
460
- color: white !important;
461
- font-size: 13px !important;
462
- background-color: black !important;
463
- }
464
- }
465
-
466
- .video-js.skin_news_live .vjs-text-track-display-ttml {
467
- width: 100% !important;
468
- }
469
-
470
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
471
- color: white !important;
472
- font-size: 16px !important;
473
- background-color: black !important;
474
- }
475
-
476
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
477
- margin-bottom: 2rem !important;
478
- }
479
-
480
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
481
- font-size: 18px !important;
482
- }
483
-
484
-
485
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
486
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
487
- font-size: 1.2em !important;
488
- line-height: 1.5em !important;
489
- padding: 0.2em 0.8em !important;
490
- }
491
-
492
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
493
- content: none !important;
494
- fill: none !important;
495
- filter: none !important;
496
- }
497
-
498
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
499
- color: rgba(255, 255, 2555, 0.7)!important;
500
- }
501
-
502
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
503
- color: rgba(255, 255, 2555, 1)!important;
504
- }
505
-
506
-
507
-
508
-
509
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
510
- height: 0.7em;
511
- position: absolute;
512
- top: -0.7em;
513
- width: 100%;
514
- }
515
-
516
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
517
- height: 100%;
518
- }
519
-
520
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
521
- line-height: 2.5;
522
- }
523
-
524
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
525
- height: 19px;
526
- width: 19px;
527
- cursor: pointer;
528
- }
529
- .video-js.skin_vlone .vjs-control {
530
- user-select: none;
531
- }
532
- .video-js.skin_vlone .vjs-custom-control-spacer{
533
- user-select: none;
534
- }
535
-
536
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
537
- height: 19px;
538
- width: 19px;
539
- cursor: pointer;
540
- }
541
-
542
- .video-js.skin_vlone .vjs-play-progress:before {
543
- display: none !important;
544
- }
545
-
546
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
547
- margin: 0 !important;
548
-
549
- }
550
-
551
-
552
- .video-js.skin_vlone .vjs-custom-control-spacer {
553
- display: block;
554
- flex: 1 1 auto;
555
- }
556
-
557
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
558
- z-index: 1;
559
- }
560
-
561
-
562
- .video-js.skin_vlone .vjs-control-bar {
563
- height: 40px;
564
- }
565
-
566
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
567
- .vjs-button>.vjs-icon-placeholder:before {
568
- position: relative !important;
569
- }
570
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
571
- display: flex;
572
- left: 0px;
573
- top: -1px;
574
- }
575
-
576
- .vjs-button>.vjs-icon-placeholder:before {
577
- font-size: 2em !important;
578
- }
579
-
580
- .video-js.skin_vlone .vjs-control {
581
- width: 4.3em;
582
- }
583
-
584
- .vjs-menu-button-popup .vjs-menu {
585
- bottom: 10px !important;
586
- }
587
-
588
-
589
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
590
- height: 1.3em;
591
- position: absolute;
592
- top: -1.3em;
593
- transition: height 0.3s, top 0.3s;
672
+ height: 100%;
673
+ transition: width 0.1s;
594
674
  }
595
-
596
-
597
- .video-js.skin_vlone.vjs-live .vjs-time-control{
598
- display: none !important;
675
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
676
+ display: none !important;
599
677
  }
600
-
601
- .video-js.skin_vlone .vjs-time-control {
602
- display: block;
678
+ .video-js.skin_news .ssai-ad-container{
679
+ position: absolute;
680
+ bottom: 14px;
603
681
  }
604
- .video-js.skin_vlone .vjs-remaining-time {
682
+
683
+ @media (max-width: 576px) {
684
+ .video-js.skin_news .ssai-ad-container{
685
+ bottom: 2px;
686
+ }
687
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
688
+ height: 5px !important;
689
+ }
690
+ .video-js.skin_news button.vjs-big-play-button {
691
+ width: 50px !important;
692
+ height: 50px !important;
693
+ font-size: 2.1rem !important;
694
+ }
695
+
696
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
605
697
  display: none;
698
+ }
699
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
700
+ bottom: 2.4em !important;
701
+ right: -1em;
702
+ z-index: 1;
606
703
  }
704
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
705
+ display: none !important;
706
+ }
607
707
 
608
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
609
- line-height: 3.5em;
610
- font-size: 1.1em;
611
- min-width: 4em;
708
+ .video-js.skin_news .vjs-text-track-display-ttml span {
709
+ color: white !important;
710
+ font-size: 13px !important;
711
+ background-color: black !important;
712
+ }
612
713
  }
613
714
 
614
- .video-js.skin_vlone .vjs-time-divider > div{
615
- display: flex;
616
- justify-content: center;
715
+ .video-js.skin_news .vjs-text-track-display-ttml span {
716
+ color: white !important;
717
+ font-size: 16px !important;
718
+ background-color: black !important;
617
719
  }
618
720
 
619
- .video-js.skin_vlone .vjs-live-control{
620
- align-items: center;
621
- }
622
- .video-js.skin_vlone .vjs-live-display{
623
- height: 2.2em;
624
- display: flex;
625
- align-items: center;
626
- font-family: monospace;
627
- width: 4em;
628
- justify-content: center;
629
- background: red;
630
- margin: 4px 0px 4px 12px;
631
- }
632
- .video-js.skin_vlone .vjs-live-display:hover{
633
- cursor: pointer;
721
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
722
+ margin-bottom: 2rem !important;
634
723
  }
635
724
 
636
- .video-js.skin_vlone .vjs-time-control {
637
- line-height: 3.5em !important;
638
- font-size: 1.1em !important;
639
- width: min-content !important;
640
- min-width: 1.5em;
641
- padding: 0 !important;
642
- user-select: none;
725
+ .video-js.skin_news .vjs-text-track-display-ttml p {
726
+ font-size: 18px !important;
643
727
  }
644
728
 
645
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
646
- margin-left: 16px !important;
647
- }
648
729
 
649
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
650
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
730
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
731
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
651
732
  font-size: 1.2em !important;
652
733
  line-height: 1.5em !important;
653
734
  padding: 0.2em 0.8em !important;
654
735
  }
655
736
 
656
-
657
- /* Big play */
658
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
659
- width: 80px;
660
- height: 80px;
661
- display: flex;
662
- justify-content: center;
663
- align-items: center;
664
- border: none;
665
- position: absolute;
666
- top: 0;
667
- left: 0;
668
- right: 0;
669
- bottom: 0;
670
- margin: auto;
671
- font-size: 5em;
672
- line-height: 1.3em;
673
- transform: none !important;
674
- border-radius: 1.3em;
737
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
738
+ content: none !important;
739
+ fill: none !important;
740
+ filter: none !important;
675
741
  }
676
- .video-js.skin_vlone .ssai-ad-container{
677
- position: absolute;
678
- bottom: 4px;
742
+
743
+ /* svg icons opacity and hover effect */
744
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
745
+ opacity: 0.7 !important;
679
746
  }
680
-
681
- @media(max-width:600px){
682
- .video-js.skin_vlone button.vjs-big-play-button {
683
- width: 50px !important;
684
- height: 50px !important;
685
- font-size: 2.1rem !important;
686
- }
687
747
 
688
- .video-js.skin_vlone .ssai-ad-container {
689
- position: absolute;
690
- bottom: 2px;
748
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
749
+ opacity: 1 !important;
691
750
  }
692
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
693
- display: none;
751
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
752
+ opacity: 0.7 !important;
694
753
  }
695
-
696
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
697
- display: none;
754
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
755
+ opacity: 1 !important;
698
756
  }
699
757
 
700
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
701
- display: none;
758
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
759
+ color: rgba(255, 255, 2555, 0.7)!important;
702
760
  }
761
+
762
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
763
+ color: rgba(255, 255, 2555, 1)!important;
703
764
  }
704
-
705
765
 
706
766
 
707
- .video-js .content {
708
- border-radius: 0;
709
- background-color: rgba(43, 51, 63, 0.7);
710
- }
711
- .video-js .resolution {
712
- min-width: 100px;
713
- }
714
- .video-js .content .resolution .title {
715
- display: none;
716
- }
717
- .video-js .resolution .rendition{
718
- display: flex;
719
- list-style: none;
720
- margin: 0;
721
- line-height: 1.4em;
722
- font-size: 12px;
723
- text-align: center;
724
- }
725
- .video-js .rendition {
726
- padding: 4px 20px;
727
- }
728
- .video-js .rendition span {
729
- background: none;
730
- }
731
- .video-js .resolution .renditions .relative:hover {
732
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
733
- }
734
- .video-js .resolution .renditions .relative .rendition.selected {
735
- background-color: #fff;
736
- color: #2B333F;
737
- font-weight: normal;
738
- }
739
767
 
740
- .video-js .resolution .renditions .relative .rendition.selected span{
741
- color: #2B333F;
742
- font-weight: bold
743
- }
744
768
 
745
769
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
746
770
  font-size: 2.2em;
@@ -1211,31 +1235,32 @@ iframe{
1211
1235
  }
1212
1236
 
1213
1237
 
1214
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1238
+
1239
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1215
1240
  font-size: 2.2em;
1216
1241
  line-height: 2.6;
1217
1242
  }
1218
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1219
- background: white;
1243
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1244
+ background: #fcb700;
1220
1245
  }
1221
- .video-js.skin_news .vjs-control-bar{
1246
+ .video-js.skin_news_live .vjs-control-bar{
1222
1247
  z-index: 1 !important;
1223
1248
  height: 5em !important;
1224
1249
  background: black !important;
1225
1250
  }
1226
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1251
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1227
1252
  display: flex;
1228
1253
  align-items: center;
1229
1254
  justify-content: center;
1230
1255
  }
1231
1256
 
1232
- .video-js.skin_news .vjs-fade>* {
1257
+ .video-js.skin_news_live .vjs-fade>* {
1233
1258
  visibility: hidden !important;
1234
1259
  opacity: 0 !important;
1235
1260
  transition: visibility 1s, opacity 1s !important;
1236
1261
  }
1237
1262
 
1238
- .video-js.skin_news .custom-spaced-progress-bar {
1263
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1239
1264
  position: absolute;
1240
1265
  width: 100%;
1241
1266
  display: flex;
@@ -1243,7 +1268,7 @@ iframe{
1243
1268
  top: -0.5em;
1244
1269
  }
1245
1270
 
1246
- .video-js.skin_news .vjs-progress-control {
1271
+ .video-js.skin_news_live .vjs-progress-control {
1247
1272
  /* left: -6px; */
1248
1273
  position: relative;
1249
1274
  width: 100%;
@@ -1251,22 +1276,25 @@ iframe{
1251
1276
  transition: height 0.1s, top 0.1s;
1252
1277
  }
1253
1278
 
1279
+ .video-js.skin_news_live .vjs-volume-panel{
1280
+ min-width: 5.3em;
1281
+ }
1254
1282
 
1255
1283
 
1256
1284
 
1257
- .video-js.skin_news .vjs-custom-control-spacer {
1258
- display: block;
1259
- flex: 1 1 auto;
1285
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1286
+ /* display: block; */
1287
+ /* flex: 1 1 auto; */
1260
1288
  }
1261
1289
 
1262
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1290
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1263
1291
  margin: 0 0px 0 0px;
1264
1292
  }
1265
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1293
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1266
1294
  display: none;
1267
1295
  }
1268
1296
 
1269
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1297
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1270
1298
  font-size: 14px;
1271
1299
  font-weight: 500;
1272
1300
  align-self: center;
@@ -1275,30 +1303,30 @@ iframe{
1275
1303
  border-radius: 8px;
1276
1304
  }
1277
1305
 
1278
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1306
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1279
1307
  height: 6px !important;
1280
1308
  }
1281
1309
 
1282
- .video-js.skin_news .vjs-play-progress:before {
1310
+ .video-js.skin_news_live .vjs-play-progress:before {
1283
1311
  font-size: 1.5em;
1284
1312
  line-height: unset;
1285
1313
  top: -0.3333333333em;
1286
1314
  }
1287
1315
 
1288
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1316
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1289
1317
  display: none !important;
1290
1318
  }
1291
1319
 
1292
1320
  /* */
1293
- .video-js.skin_news .vjs-mouse-display{
1321
+ .video-js.skin_news_live .vjs-mouse-display{
1294
1322
  font-size: 1.6666666667em;
1295
1323
  }
1296
1324
 
1297
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1325
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1298
1326
  font-size: 1em !important;
1299
1327
  }
1300
1328
 
1301
- .video-js.skin_news .vjs-button{
1329
+ .video-js.skin_news_live .vjs-button{
1302
1330
  width: 5.3em;
1303
1331
  display: flex;
1304
1332
  align-items: center;
@@ -1306,63 +1334,71 @@ iframe{
1306
1334
  }
1307
1335
 
1308
1336
 
1309
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1337
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1310
1338
  .icon-maximize {
1311
1339
  display: block;
1312
1340
  height: 32px;
1313
1341
  }
1314
1342
 
1315
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1343
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1316
1344
  line-height: 4;
1317
1345
  }
1318
1346
 
1319
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1347
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1320
1348
  .icon-minimize {
1321
1349
  display: none;
1322
1350
  height: 32px;
1323
1351
  }
1324
1352
 
1325
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1353
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1326
1354
  outline: none !important;
1355
+ /* flex: 1; */
1327
1356
  }
1328
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1357
+ .video-js.skin_news_live .vjs-play-toggle-container{
1358
+ display: flex;
1359
+ flex: 1;
1360
+ justify-content: center;
1361
+ }
1362
+
1363
+
1364
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1329
1365
  .vjs-icon-fullscreen-enter:before {
1330
1366
  /* content: '' !important; */
1331
1367
  }
1332
1368
 
1333
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1369
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1334
1370
  display: flex;
1335
1371
  justify-content: center;
1336
1372
  align-items: center;
1337
1373
  /* transform: rotate(90deg); */
1338
1374
  }
1339
1375
 
1340
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1376
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1341
1377
  display: none;
1342
1378
  }
1343
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1379
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1344
1380
  margin-left: -10px;
1345
1381
  }
1346
1382
 
1347
- .video-js.skin_news .skipbtn:hover{
1383
+ .video-js.skin_news_live .skipbtn:hover{
1348
1384
  cursor: pointer;
1349
1385
  }
1350
1386
 
1351
- .video-js.skin_news .rewindbtn:hover{
1387
+ .video-js.skin_news_live .rewindbtn:hover{
1352
1388
  cursor: pointer;
1353
1389
  }
1354
1390
 
1355
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1391
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1356
1392
  position: relative;
1357
1393
  padding-left: 0;
1358
1394
  }
1359
1395
 
1360
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1396
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1361
1397
  display: none !important;
1362
1398
  }
1363
1399
 
1364
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1365
- width: 90px;
1400
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1401
+ /* width: 90px;
1366
1402
  height: 90px;
1367
1403
  display: flex;
1368
1404
  justify-content: center;
@@ -1377,19 +1413,20 @@ iframe{
1377
1413
  font-size: 6em;
1378
1414
  line-height: 1.4em;
1379
1415
  border: 0.05em solid;
1380
- color: inherit;
1416
+ color: inherit; */
1417
+ display: none !important;
1381
1418
  }
1382
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1419
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1383
1420
  font-weight: bold;
1384
1421
  }
1385
1422
 
1386
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1423
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1387
1424
  bottom: 2.4em !important;
1388
1425
  right: -1em;
1389
1426
  z-index: 1;
1390
1427
  }
1391
1428
 
1392
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1429
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1393
1430
  width: 24px !important;
1394
1431
  height: 24px !important;
1395
1432
  }
@@ -1399,34 +1436,34 @@ iframe{
1399
1436
  }
1400
1437
 
1401
1438
 
1402
- .video-js.skin_news button.vjs-rewind-button{
1439
+ .video-js.skin_news_live button.vjs-rewind-button{
1403
1440
  cursor: pointer;
1404
1441
  }
1405
1442
 
1406
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1443
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1407
1444
  padding-right: 0;
1445
+ display: none;
1408
1446
  }
1409
1447
 
1410
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1448
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1411
1449
  padding-left: 0;
1450
+ display: none;
1412
1451
  }
1413
1452
 
1414
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1453
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1415
1454
  padding-left: 0;
1416
1455
  padding-right: 0;
1417
- display: flex;
1418
- justify-content: center;
1419
- width: min-content;
1456
+ display: none;
1420
1457
  }
1421
1458
 
1422
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1459
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1423
1460
  display: none
1424
1461
  }
1425
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1462
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1426
1463
  display: none
1427
1464
  }
1428
1465
 
1429
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1466
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1430
1467
  display: flex;
1431
1468
  align-items: center;
1432
1469
  font-weight: 700;
@@ -1434,26 +1471,26 @@ iframe{
1434
1471
  min-width: 1.2em;
1435
1472
  }
1436
1473
 
1437
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1474
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1438
1475
  display: none;
1439
1476
  font-size: 11px;
1440
1477
  justify-content: center;
1441
1478
  align-items: center;
1442
1479
  user-select: none;
1443
1480
  }
1444
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1481
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1445
1482
  display: none;
1446
1483
  }
1447
1484
 
1448
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1485
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1449
1486
  height: min-content;
1450
1487
  width: min-content;
1451
1488
  }
1452
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1489
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1453
1490
  width: 6em;
1454
1491
  }
1455
1492
 
1456
- .video-js.skin_news .content{
1493
+ .video-js.skin_news_live .content{
1457
1494
  bottom: 3.4rem !important;
1458
1495
  right: -4rem !important;
1459
1496
  }
@@ -1477,10 +1514,11 @@ iframe{
1477
1514
  height: 100%;
1478
1515
  }
1479
1516
 
1480
- .video-js.skin_news .vjs-live-control{
1517
+ .video-js.skin_news_live .vjs-live-control{
1481
1518
  align-items: center;
1519
+ display: none;
1482
1520
  }
1483
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1521
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1484
1522
  height: 2.2em;
1485
1523
  display: flex;
1486
1524
  align-items: center;
@@ -1491,43 +1529,22 @@ iframe{
1491
1529
  margin: 4px 0px 4px 12px;
1492
1530
  }
1493
1531
 
1494
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1532
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1495
1533
  text-shadow: none;
1496
1534
  }
1497
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1498
- display: none;
1499
- font-size: 12px;
1500
- }
1501
1535
 
1502
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1503
- height: 2.2em;
1504
- display: inline-flex;
1505
- align-items: center;
1506
- /* font-family: monospace; */
1536
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1537
+ display: flex;
1507
1538
  justify-content: center;
1508
- border: 2px solid;
1509
- margin: 4px 0px 4px 6px;
1510
- white-space: pre;
1511
- padding: 0px 6px;
1512
- font-size: 1.2em;
1513
- font-weight: 500;
1514
- color: rgba(255, 255, 2555, 0.7);
1515
-
1516
- letter-spacing: -.1px;
1517
- line-height: normal;
1518
- text-transform: uppercase;
1519
- color: #FFFFFF;
1520
- opacity: .7;
1521
- font-family: "Proxima Nova";
1539
+ min-width: 5.3em;
1540
+ pointer-events: none;
1541
+ user-select: none;
1522
1542
  }
1523
1543
 
1524
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1525
- opacity: 1;
1544
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1545
+ color: white;
1526
1546
  }
1527
1547
 
1528
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1529
- content: "NOT LIVE";
1530
- }
1531
1548
 
1532
1549
  .settings-selection.vjs-control.vjs-button{
1533
1550
  display: flex !important;
@@ -1544,57 +1561,57 @@ iframe{
1544
1561
  .tvProviderImage{
1545
1562
  display: none
1546
1563
  }
1547
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1564
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1548
1565
  .icon-maximize {
1549
1566
  height: 30px !important;
1550
1567
  }
1551
1568
 
1552
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1569
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1553
1570
  .icon-minimize {
1554
1571
  height: 30px !important;
1555
1572
  }
1556
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1573
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1557
1574
  width: 4.5em;
1558
1575
  }
1559
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1576
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1560
1577
  height: min-content;
1561
1578
  }
1562
1579
 
1563
- .video-js.skin_news button.vjs-slowmo-button{
1580
+ .video-js.skin_news_live button.vjs-slowmo-button{
1564
1581
  display: none;
1565
1582
  }
1566
- .video-js.skin_news button.vjs-rewind-button{
1583
+ .video-js.skin_news_live button.vjs-rewind-button{
1567
1584
  display: none;
1568
1585
  }
1569
- .video-js.skin_news button.vjs-rewind-button>svg{
1586
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1570
1587
  height: 20px;
1571
1588
  }
1572
- .video-js.skin_news .vjs-button{
1589
+ .video-js.skin_news_live .vjs-button{
1573
1590
  width: 4.8em;
1574
1591
  }
1575
- .video-js.skin_news .widget-selection{
1592
+ .video-js.skin_news_live .widget-selection{
1576
1593
  display: none;
1577
1594
  }
1578
- .video-js.skin_news .container{
1595
+ .video-js.skin_news_live .container{
1579
1596
  display: none !important;
1580
1597
  }
1581
- .video-js.skin_news .vjs-control-bar{
1598
+ .video-js.skin_news_live .vjs-control-bar{
1582
1599
  height: 4em !important;
1583
1600
  }
1584
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1601
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1585
1602
  font-size: 2.5em;
1586
1603
  line-height: 1.5;
1587
1604
  }
1588
- .video-js.skin_news .vjs-play-progress:before {
1605
+ .video-js.skin_news_live .vjs-play-progress:before {
1589
1606
  font-size: 1.2em;
1590
1607
  position: absolute;
1591
1608
  right: -0.5em;
1592
1609
  z-index: 1;
1593
1610
  }
1594
- .video-js.skin_news button.vjs-skip-button>svg{
1611
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1595
1612
  height: 20px;
1596
1613
  }
1597
- .video-js.skin_news button.vjs-big-play-button {
1614
+ .video-js.skin_news_live button.vjs-big-play-button {
1598
1615
  width: 50px !important;
1599
1616
  height: 50px !important;
1600
1617
  font-size: 2.1rem !important;
@@ -1604,17 +1621,17 @@ iframe{
1604
1621
  width: 24px;
1605
1622
  height: 24px;
1606
1623
  }
1607
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1624
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1608
1625
  margin: 0 12px 0 12px;
1609
1626
  }
1610
- .video-js.skin_news .vjs-seek-to-live-text{
1627
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1611
1628
  font-size: 12px;
1612
1629
  }
1613
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1630
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1614
1631
  margin: 0 12px 0 12px;
1615
1632
  }
1616
1633
  }
1617
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1634
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1618
1635
  width: 90px;
1619
1636
  height: 90px;
1620
1637
  display: flex;
@@ -1631,7 +1648,7 @@ iframe{
1631
1648
  line-height: 1.4em;
1632
1649
  }
1633
1650
 
1634
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1651
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1635
1652
  display: flex;
1636
1653
  justify-content: center;
1637
1654
  align-items: center;
@@ -1639,29 +1656,22 @@ iframe{
1639
1656
  transition: width 0.1s;
1640
1657
  }
1641
1658
 
1642
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1659
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1643
1660
  display: flex;
1644
1661
  justify-content: center;
1645
1662
  align-items: center;
1646
1663
  height: 100%;
1647
1664
  transition: width 0.1s;
1648
1665
  }
1649
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1666
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1650
1667
  display: none !important;
1651
1668
  }
1652
- .video-js.skin_news .ssai-ad-container{
1653
- position: absolute;
1654
- bottom: 14px;
1655
- }
1656
1669
 
1657
1670
  @media (max-width: 576px) {
1658
- .video-js.skin_news .ssai-ad-container{
1659
- bottom: 2px;
1660
- }
1661
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1671
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1662
1672
  height: 5px !important;
1663
1673
  }
1664
- .video-js.skin_news button.vjs-big-play-button {
1674
+ .video-js.skin_news_live button.vjs-big-play-button {
1665
1675
  width: 50px !important;
1666
1676
  height: 50px !important;
1667
1677
  font-size: 2.1rem !important;
@@ -1670,75 +1680,65 @@ iframe{
1670
1680
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1671
1681
  display: none;
1672
1682
  }
1673
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1683
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1674
1684
  bottom: 2.4em !important;
1675
1685
  right: -1em;
1676
1686
  z-index: 1;
1677
1687
  }
1678
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1688
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1679
1689
  display: none !important;
1680
1690
  }
1681
1691
 
1682
- .video-js.skin_news .vjs-text-track-display-ttml span {
1692
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1683
1693
  color: white !important;
1684
1694
  font-size: 13px !important;
1685
1695
  background-color: black !important;
1686
1696
  }
1687
1697
  }
1688
1698
 
1689
- .video-js.skin_news .vjs-text-track-display-ttml span {
1699
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1700
+ width: 100% !important;
1701
+ }
1702
+
1703
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1690
1704
  color: white !important;
1691
1705
  font-size: 16px !important;
1692
1706
  background-color: black !important;
1693
1707
  }
1694
1708
 
1695
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1709
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1696
1710
  margin-bottom: 2rem !important;
1697
1711
  }
1698
1712
 
1699
- .video-js.skin_news .vjs-text-track-display-ttml p {
1713
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1700
1714
  font-size: 18px !important;
1701
1715
  }
1702
1716
 
1703
1717
 
1704
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1705
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1718
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1719
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1706
1720
  font-size: 1.2em !important;
1707
1721
  line-height: 1.5em !important;
1708
1722
  padding: 0.2em 0.8em !important;
1709
1723
  }
1710
1724
 
1711
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1725
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1712
1726
  content: none !important;
1713
1727
  fill: none !important;
1714
1728
  filter: none !important;
1715
1729
  }
1716
1730
 
1717
- /* svg icons opacity and hover effect */
1718
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1719
- opacity: 0.7 !important;
1720
- }
1721
-
1722
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1723
- opacity: 1 !important;
1724
- }
1725
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1726
- opacity: 0.7 !important;
1727
- }
1728
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1729
- opacity: 1 !important;
1730
- }
1731
-
1732
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1731
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1733
1732
  color: rgba(255, 255, 2555, 0.7)!important;
1734
1733
  }
1735
1734
 
1736
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1735
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
1736
  color: rgba(255, 255, 2555, 1)!important;
1738
1737
  }
1739
1738
 
1740
1739
 
1741
1740
 
1741
+
1742
1742
  /* CSS for videojs-dvr-seekbar */
1743
1743
 
1744
1744
  .video-js.vjs-dvr-seekbar {
@@ -1920,10 +1920,6 @@ iframe{
1920
1920
 
1921
1921
 
1922
1922
 
1923
-
1924
-
1925
-
1926
-
1927
1923
  .video-js .multicamera-parent.default{
1928
1924
  height: 345px;
1929
1925
  position: absolute;
@@ -2002,6 +1998,10 @@ iframe{
2002
1998
  align-content: baseline;
2003
1999
  }
2004
2000
 
2001
+
2002
+
2003
+
2004
+
2005
2005
  .vjs-custom-big-mute.vjs-control{
2006
2006
  position: absolute;
2007
2007
  align-items: center;
@@ -2125,6 +2125,38 @@ iframe{
2125
2125
  margin-left: 8px;
2126
2126
  }
2127
2127
  }
2128
+ /* a wrapper element that tracks the mouse vertically */
2129
+ .vjs-thumbnail-holder {
2130
+ position: absolute;
2131
+ left: -1000px;
2132
+ }
2133
+
2134
+ /* the thumbnail image itself */
2135
+ .vjs-thumbnail {
2136
+ position: absolute;
2137
+ left: 0;
2138
+ bottom: 1.3em;
2139
+ opacity: 0;
2140
+ transition: opacity .2s ease;
2141
+ -webkit-transition: opacity .2s ease;
2142
+ -moz-transition: opacity .2s ease;
2143
+ -mz-transition: opacity .2s ease;
2144
+ }
2145
+
2146
+ /* fade in the thumbnail when hovering over the progress bar */
2147
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2148
+ .vjs-progress-control:hover .vjs-thumbnail,
2149
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2150
+ .vjs-progress-control:active .vjs-thumbnail {
2151
+ opacity: 1;
2152
+ }
2153
+
2154
+ /* ... but hide the thumbnail when hovering directly over it */
2155
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2156
+ .vjs-progress-control:active .vjs-thumbnail:active {
2157
+ opacity: 0;
2158
+ }
2159
+
2128
2160
  .video-js.vjs-quality-menu {
2129
2161
  display: block;
2130
2162
  }
@@ -2195,38 +2227,6 @@ iframe{
2195
2227
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2196
2228
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2197
2229
  }
2198
- /* a wrapper element that tracks the mouse vertically */
2199
- .vjs-thumbnail-holder {
2200
- position: absolute;
2201
- left: -1000px;
2202
- }
2203
-
2204
- /* the thumbnail image itself */
2205
- .vjs-thumbnail {
2206
- position: absolute;
2207
- left: 0;
2208
- bottom: 1.3em;
2209
- opacity: 0;
2210
- transition: opacity .2s ease;
2211
- -webkit-transition: opacity .2s ease;
2212
- -moz-transition: opacity .2s ease;
2213
- -mz-transition: opacity .2s ease;
2214
- }
2215
-
2216
- /* fade in the thumbnail when hovering over the progress bar */
2217
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2218
- .vjs-progress-control:hover .vjs-thumbnail,
2219
- .vjs-progress-control.fake-active .vjs-thumbnail,
2220
- .vjs-progress-control:active .vjs-thumbnail {
2221
- opacity: 1;
2222
- }
2223
-
2224
- /* ... but hide the thumbnail when hovering directly over it */
2225
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2226
- .vjs-progress-control:active .vjs-thumbnail:active {
2227
- opacity: 0;
2228
- }
2229
-
2230
2230
  .vjs-poster {
2231
2231
  display: inline-block;
2232
2232
  vertical-align: middle;