@viewlift/player-backup 2.0.257-backup → 2.0.258-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 (9) hide show
  1. package/cjs/bundle.css +861 -861
  2. package/cjs/index-e5d7c072.js +1 -0
  3. package/cjs/index.js +1 -1
  4. package/cjs/skin-bac14ade.js +1 -0
  5. package/esm/bundle.css +861 -861
  6. package/esm/index-62e1ef44.js +1 -0
  7. package/esm/index.js +1 -1
  8. package/esm/skin-1629e49c.js +1 -0
  9. package/package.json +1 -1
package/cjs/bundle.css CHANGED
@@ -1,26 +1,32 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
4
+
5
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
5
6
  font-size: 2.2em;
6
7
  line-height: 2.6;
7
8
  }
8
- .video-js.skin_mini{
9
- overflow: hidden;
9
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
10
+ background: #fcb700;
10
11
  }
11
- .video-js.skin_mini .vjs-control-bar{
12
+ .video-js.skin_news_live .vjs-control-bar{
12
13
  z-index: 1 !important;
13
- height: 4em !important;
14
+ height: 5em !important;
14
15
  background: black !important;
15
16
  }
17
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
18
+ display: flex;
19
+ align-items: center;
20
+ justify-content: center;
21
+ }
16
22
 
17
- .video-js.skin_mini .vjs-fade>* {
23
+ .video-js.skin_news_live .vjs-fade>* {
18
24
  visibility: hidden !important;
19
25
  opacity: 0 !important;
20
26
  transition: visibility 1s, opacity 1s !important;
21
27
  }
22
28
 
23
- .video-js.skin_mini .custom-spaced-progress-bar {
29
+ .video-js.skin_news_live .custom-spaced-progress-bar {
24
30
  position: absolute;
25
31
  width: 100%;
26
32
  display: flex;
@@ -28,7 +34,7 @@
28
34
  top: -0.5em;
29
35
  }
30
36
 
31
- .video-js.skin_mini .vjs-progress-control {
37
+ .video-js.skin_news_live .vjs-progress-control {
32
38
  /* left: -6px; */
33
39
  position: relative;
34
40
  width: 100%;
@@ -36,22 +42,25 @@
36
42
  transition: height 0.1s, top 0.1s;
37
43
  }
38
44
 
45
+ .video-js.skin_news_live .vjs-volume-panel{
46
+ min-width: 5.3em;
47
+ }
39
48
 
40
49
 
41
50
 
42
- .video-js.skin_mini .vjs-custom-control-spacer {
43
- display: block;
44
- flex: 1 1 auto;
51
+ .video-js.skin_news_live .vjs-custom-control-spacer {
52
+ /* display: block; */
53
+ /* flex: 1 1 auto; */
45
54
  }
46
55
 
47
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
56
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
48
57
  margin: 0 0px 0 0px;
49
58
  }
50
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
59
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
51
60
  display: none;
52
61
  }
53
62
 
54
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
63
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
55
64
  font-size: 14px;
56
65
  font-weight: 500;
57
66
  align-self: center;
@@ -60,207 +69,199 @@
60
69
  border-radius: 8px;
61
70
  }
62
71
 
63
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
64
- height: 5px !important;
72
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
73
+ height: 6px !important;
65
74
  }
66
75
 
67
- .video-js.skin_mini .vjs-play-progress:before {
68
- font-size: 1.3em;
76
+ .video-js.skin_news_live .vjs-play-progress:before {
77
+ font-size: 1.5em;
69
78
  line-height: unset;
70
79
  top: -0.3333333333em;
71
80
  }
72
81
 
73
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
82
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
74
83
  display: none !important;
75
84
  }
76
85
 
77
86
  /* */
78
- .video-js.skin_mini .vjs-mouse-display{
87
+ .video-js.skin_news_live .vjs-mouse-display{
79
88
  font-size: 1.6666666667em;
80
89
  }
81
90
 
82
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
91
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
83
92
  font-size: 1em !important;
84
93
  }
85
94
 
86
- .video-js.skin_mini .vjs-button{
87
- width: 3em;
95
+ .video-js.skin_news_live .vjs-button{
96
+ width: 5.3em;
88
97
  display: flex;
89
98
  align-items: center;
90
99
  justify-content: center;
91
100
  }
92
101
 
93
102
 
94
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
103
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
95
104
  .icon-maximize {
96
105
  display: block;
97
106
  height: 32px;
98
107
  }
99
108
 
100
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
109
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
101
110
  line-height: 4;
102
111
  }
103
112
 
104
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
113
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
105
114
  .icon-minimize {
106
115
  display: none;
107
116
  height: 32px;
108
117
  }
109
118
 
110
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
119
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
111
120
  outline: none !important;
121
+ /* flex: 1; */
112
122
  }
113
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
123
+ .video-js.skin_news_live .vjs-play-toggle-container{
124
+ display: flex;
125
+ flex: 1;
126
+ justify-content: center;
127
+ }
128
+
129
+
130
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
114
131
  .vjs-icon-fullscreen-enter:before {
115
132
  /* content: '' !important; */
116
133
  }
117
134
 
118
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
135
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
119
136
  display: flex;
120
137
  justify-content: center;
121
138
  align-items: center;
122
139
  /* transform: rotate(90deg); */
123
140
  }
124
141
 
125
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
142
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
126
143
  display: none;
127
144
  }
128
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
145
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
129
146
  margin-left: -10px;
130
- display: none;
131
- }
132
-
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
147
  }
148
148
 
149
- .video-js.skin_mini .skipbtn:hover{
149
+ .video-js.skin_news_live .skipbtn:hover{
150
150
  cursor: pointer;
151
151
  }
152
152
 
153
- .video-js.skin_mini .rewindbtn:hover{
153
+ .video-js.skin_news_live .rewindbtn:hover{
154
154
  cursor: pointer;
155
155
  }
156
156
 
157
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
157
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
158
158
  position: relative;
159
159
  padding-left: 0;
160
160
  }
161
161
 
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;
162
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
163
+ display: none !important;
179
164
  }
180
165
 
181
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
166
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
167
+ /* width: 90px;
168
+ height: 90px;
169
+ display: flex;
170
+ justify-content: center;
171
+ align-items: center;
172
+ border-radius: 50%;
173
+ position: absolute;
174
+ top: 0;
175
+ left: 0;
176
+ right: 0;
177
+ bottom: 0;
178
+ margin: auto;
179
+ font-size: 6em;
180
+ line-height: 1.4em;
181
+ border: 0.05em solid;
182
+ color: inherit; */
183
+ display: none !important;
184
+ }
185
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
182
186
  font-weight: bold;
183
187
  }
184
188
 
185
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
186
- bottom: 1.1em !important;
187
- right: 1em;
189
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
190
+ bottom: 2.4em !important;
191
+ right: -1em;
188
192
  z-index: 1;
189
- font-size: 10px;
190
193
  }
191
194
 
192
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
195
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
193
196
  width: 24px !important;
194
197
  height: 24px !important;
195
198
  }
196
- .video-js.skin_mini .settings-selector-icon>svg{
199
+ .settings-selector-icon>svg{
197
200
  height: 19px !important;
198
201
  width: 19px !important;
199
202
  }
200
203
 
201
204
 
202
- .video-js.skin_mini button.vjs-rewind-button{
205
+ .video-js.skin_news_live button.vjs-rewind-button{
203
206
  cursor: pointer;
204
207
  }
205
208
 
206
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
207
210
  padding-right: 0;
211
+ display: none;
208
212
  }
209
213
 
210
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
214
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
211
215
  padding-left: 0;
216
+ display: none;
212
217
  }
213
218
 
214
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
219
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
215
220
  padding-left: 0;
216
221
  padding-right: 0;
217
- display: flex;
218
- justify-content: center;
219
- width: min-content;
222
+ display: none;
220
223
  }
221
224
 
222
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
225
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
223
226
  display: none
224
227
  }
225
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
228
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
226
229
  display: none
227
230
  }
228
231
 
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;
232
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
233
+ display: flex;
234
+ align-items: center;
235
+ font-weight: 700;
236
+ font-size: 12px;
237
+ min-width: 1.2em;
236
238
  }
237
239
 
238
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
240
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
239
241
  display: none;
240
242
  font-size: 11px;
241
243
  justify-content: center;
242
244
  align-items: center;
243
245
  user-select: none;
244
246
  }
245
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
246
248
  display: none;
247
249
  }
248
250
 
249
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
250
252
  height: min-content;
251
253
  width: min-content;
252
254
  }
253
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
254
- width: 3em;
255
- margin-right: 4px;
255
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
256
+ width: 6em;
256
257
  }
257
258
 
258
- .video-js.skin_mini .content{
259
+ .video-js.skin_news_live .content{
259
260
  bottom: 3.4rem !important;
260
261
  right: -4rem !important;
261
262
  }
262
263
 
263
- .video-js.skin_mini .setting-icon > svg{
264
+ .setting-icon > svg{
264
265
  height:18px !important;
265
266
  }
266
267
 
@@ -279,11 +280,11 @@ iframe{
279
280
  height: 100%;
280
281
  }
281
282
 
282
- .video-js.skin_mini .vjs-live-control{
283
+ .video-js.skin_news_live .vjs-live-control{
283
284
  align-items: center;
284
- max-width: 5em;
285
+ display: none;
285
286
  }
286
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
287
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
287
288
  height: 2.2em;
288
289
  display: flex;
289
290
  align-items: center;
@@ -291,977 +292,950 @@ iframe{
291
292
  width: 4em;
292
293
  justify-content: center;
293
294
  background: red;
294
- margin: 4px 0px 4px 2px;
295
+ margin: 4px 0px 4px 12px;
295
296
  }
296
297
 
297
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
298
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
298
299
  text-shadow: none;
299
300
  }
300
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
301
- display: none;
302
- font-size: 12px;
303
- }
304
301
 
305
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
306
- height: 1.8em;
307
- display: inline-flex;
308
- align-items: center;
309
- font-family: monospace;
302
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
303
+ display: flex;
310
304
  justify-content: center;
311
- border: 1.5px solid;
312
- margin: 4px 0px 4px 2px;
313
- white-space: pre;
314
- padding: 2px 4px;
315
- font-size: 1.2em;
316
- font-weight: 500;
317
- color: rgba(255, 255, 2555, 0.7);
305
+ min-width: 5.3em;
306
+ pointer-events: none;
307
+ user-select: none;
318
308
  }
319
309
 
320
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
321
- content: "NOT LIVE";
322
- word-spacing: -4px;
310
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
311
+ color: white;
323
312
  }
324
313
 
325
314
 
326
- @media(max-width:600px){
315
+ .settings-selection.vjs-control.vjs-button{
316
+ display: flex !important;
317
+ }
318
+
319
+ @media(max-width:576px){
320
+ .settings-selection.vjs-control.vjs-button{
321
+ display: none !important;
322
+ }
323
+ }
324
+
325
+
326
+ @media(max-width:576px){
327
327
  .tvProviderImage{
328
328
  display: none
329
329
  }
330
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
330
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
331
331
  .icon-maximize {
332
332
  height: 30px !important;
333
333
  }
334
334
 
335
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
335
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
336
336
  .icon-minimize {
337
337
  height: 30px !important;
338
338
  }
339
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
340
- width: 3.5em;
339
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
340
+ width: 4.5em;
341
341
  }
342
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
342
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
343
343
  height: min-content;
344
344
  }
345
345
 
346
- .video-js.skin_mini button.vjs-slowmo-button{
346
+ .video-js.skin_news_live button.vjs-slowmo-button{
347
347
  display: none;
348
348
  }
349
- .video-js.skin_mini button.vjs-rewind-button{
349
+ .video-js.skin_news_live button.vjs-rewind-button{
350
350
  display: none;
351
351
  }
352
- .video-js.skin_mini button.vjs-rewind-button>svg{
352
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
353
353
  height: 20px;
354
354
  }
355
- .video-js.skin_mini .vjs-button{
356
- width: 3em;
355
+ .video-js.skin_news_live .vjs-button{
356
+ width: 4.8em;
357
357
  }
358
- .video-js.skin_mini .widget-selection{
358
+ .video-js.skin_news_live .widget-selection{
359
359
  display: none;
360
360
  }
361
- .video-js.skin_mini .container{
361
+ .video-js.skin_news_live .container{
362
362
  display: none !important;
363
363
  }
364
- .video-js.skin_mini .vjs-control-bar{
364
+ .video-js.skin_news_live .vjs-control-bar{
365
365
  height: 4em !important;
366
366
  }
367
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
367
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
368
368
  font-size: 2.5em;
369
369
  line-height: 1.5;
370
370
  }
371
- .video-js.skin_mini .vjs-play-progress:before {
371
+ .video-js.skin_news_live .vjs-play-progress:before {
372
372
  font-size: 1.2em;
373
373
  position: absolute;
374
374
  right: -0.5em;
375
375
  z-index: 1;
376
376
  }
377
- .video-js.skin_mini button.vjs-skip-button>svg{
377
+ .video-js.skin_news_live button.vjs-skip-button>svg{
378
378
  height: 20px;
379
379
  }
380
+ .video-js.skin_news_live button.vjs-big-play-button {
381
+ width: 50px !important;
382
+ height: 50px !important;
383
+ font-size: 2.1rem !important;
384
+ }
380
385
 
381
386
  .stream-selector-icon>svg{
382
387
  width: 24px;
383
388
  height: 24px;
384
389
  }
385
- .video-js.skin_mini .vjs-seek-to-live-text{
386
- font-size: 12px;
390
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
391
+ margin: 0 12px 0 12px;
387
392
  }
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
- }
393
+ .video-js.skin_news_live .vjs-seek-to-live-text{
394
+ font-size: 12px;
394
395
  }
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;
396
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
397
+ margin: 0 12px 0 12px;
400
398
  }
401
-
402
- .video-js.skin_mini .vjs-text-track-display-ttml p {
403
- font-size: 18px !important;
404
399
  }
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;
400
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
401
+ width: 90px;
402
+ height: 90px;
403
+ display: flex;
404
+ justify-content: center;
405
+ align-items: center;
406
+ border-radius: 50%;
407
+ position: absolute;
408
+ top: 0;
409
+ left: 0;
410
+ right: 0;
411
+ bottom: 0;
412
+ margin: auto;
413
+ font-size: 6em;
414
+ line-height: 1.4em;
408
415
  }
409
416
 
410
-
411
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
417
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
412
418
  display: flex;
413
419
  justify-content: center;
414
420
  align-items: center;
415
421
  height: 100%;
416
422
  transition: width 0.1s;
417
423
  }
418
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
419
- margin: 2px;
420
- }
421
424
 
422
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
423
426
  display: flex;
424
427
  justify-content: center;
425
428
  align-items: center;
426
429
  height: 100%;
427
430
  transition: width 0.1s;
428
431
  }
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;
432
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
433
+ display: none !important;
436
434
  }
437
435
 
438
- @media (max-width: 600px) {
439
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
436
+ @media (max-width: 576px) {
437
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
440
438
  height: 5px !important;
441
439
  }
440
+ .video-js.skin_news_live button.vjs-big-play-button {
441
+ width: 50px !important;
442
+ height: 50px !important;
443
+ font-size: 2.1rem !important;
444
+ }
442
445
 
443
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
446
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
444
447
  display: none;
445
448
  }
446
-
449
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
450
+ bottom: 2.4em !important;
451
+ right: -1em;
452
+ z-index: 1;
447
453
  }
454
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
455
+ display: none !important;
456
+ }
448
457
 
449
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
450
- content: none !important;
451
- fill: none !important;
452
- filter: none !important;
458
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
459
+ color: white !important;
460
+ font-size: 13px !important;
461
+ background-color: black !important;
462
+ }
453
463
  }
454
464
 
455
- /* svg icons opacity and hover effect */
456
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
457
- opacity: 0.7 !important;
465
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
466
+ width: 100% !important;
458
467
  }
459
468
 
460
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
461
- opacity: 1 !important;
469
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
470
+ color: white !important;
471
+ font-size: 16px !important;
472
+ background-color: black !important;
462
473
  }
463
474
 
464
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
465
- color: rgba(255, 255, 2555, 0.7)!important;
475
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
476
+ margin-bottom: 2rem !important;
466
477
  }
467
478
 
468
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
469
- color: rgba(255, 255, 2555, 1)!important;
479
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
480
+ font-size: 18px !important;
470
481
  }
471
482
 
472
483
 
484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
485
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
486
+ font-size: 1.2em !important;
487
+ line-height: 1.5em !important;
488
+ padding: 0.2em 0.8em !important;
489
+ }
473
490
 
474
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
475
- height: 0.7em;
476
- position: absolute;
477
- top: -0.7em;
478
- width: 100%;
491
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
492
+ content: none !important;
493
+ fill: none !important;
494
+ filter: none !important;
479
495
  }
480
496
 
481
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
482
- height: 100%;
497
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
498
+ color: rgba(255, 255, 2555, 0.7)!important;
483
499
  }
484
500
 
485
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
486
- line-height: 2.5;
501
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
502
+ color: rgba(255, 255, 2555, 1)!important;
487
503
  }
488
504
 
489
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
490
- height: 19px;
491
- width: 19px;
492
- cursor: pointer;
505
+
506
+
507
+
508
+
509
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
510
+ font-size: 2.2em;
511
+ line-height: 2.6;
493
512
  }
494
- .video-js.skin_vlone .vjs-control {
495
- user-select: none;
513
+ .video-js.skin_mini{
514
+ overflow: hidden;
496
515
  }
497
- .video-js.skin_vlone .vjs-custom-control-spacer{
498
- user-select: none;
516
+ .video-js.skin_mini .vjs-control-bar{
517
+ z-index: 1 !important;
518
+ height: 4em !important;
519
+ background: black !important;
499
520
  }
500
521
 
501
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
502
- height: 19px;
503
- width: 19px;
504
- cursor: pointer;
522
+ .video-js.skin_mini .vjs-fade>* {
523
+ visibility: hidden !important;
524
+ opacity: 0 !important;
525
+ transition: visibility 1s, opacity 1s !important;
505
526
  }
506
527
 
507
- .video-js.skin_vlone .vjs-play-progress:before {
508
- display: none !important;
528
+ .video-js.skin_mini .custom-spaced-progress-bar {
529
+ position: absolute;
530
+ width: 100%;
531
+ display: flex;
532
+ height: 0.5em;
533
+ top: -0.5em;
509
534
  }
510
535
 
511
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
512
- margin: 0 !important;
513
-
536
+ .video-js.skin_mini .vjs-progress-control {
537
+ /* left: -6px; */
538
+ position: relative;
539
+ width: 100%;
540
+ height: 0.5em;
541
+ transition: height 0.1s, top 0.1s;
514
542
  }
515
543
 
516
544
 
517
- .video-js.skin_vlone .vjs-custom-control-spacer {
518
- display: block;
519
- flex: 1 1 auto;
520
- }
521
-
522
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
523
- z-index: 1;
524
- }
525
545
 
526
546
 
527
- .video-js.skin_vlone .vjs-control-bar {
528
- height: 40px;
547
+ .video-js.skin_mini .vjs-custom-control-spacer {
548
+ display: block;
549
+ flex: 1 1 auto;
529
550
  }
530
551
 
531
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
532
- .vjs-button>.vjs-icon-placeholder:before {
533
- position: relative !important;
552
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
553
+ margin: 0 0px 0 0px;
534
554
  }
535
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
536
- display: flex;
537
- left: 0px;
538
- top: -1px;
555
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
556
+ display: none;
539
557
  }
540
558
 
541
- .vjs-button>.vjs-icon-placeholder:before {
542
- font-size: 2em !important;
559
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
560
+ font-size: 14px;
561
+ font-weight: 500;
562
+ align-self: center;
563
+ height: min-content;
564
+ padding: 5px 2px;
565
+ border-radius: 8px;
543
566
  }
544
567
 
545
- .video-js.skin_vlone .vjs-control {
546
- width: 4.3em;
568
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
569
+ height: 5px !important;
547
570
  }
548
571
 
549
- .vjs-menu-button-popup .vjs-menu {
550
- bottom: 10px !important;
572
+ .video-js.skin_mini .vjs-play-progress:before {
573
+ font-size: 1.3em;
574
+ line-height: unset;
575
+ top: -0.3333333333em;
551
576
  }
552
577
 
578
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
579
+ display: none !important;
580
+ }
553
581
 
554
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
555
- height: 1.3em;
556
- position: absolute;
557
- top: -1.3em;
558
- transition: height 0.3s, top 0.3s;
582
+ /* */
583
+ .video-js.skin_mini .vjs-mouse-display{
584
+ font-size: 1.6666666667em;
559
585
  }
560
586
 
587
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
588
+ font-size: 1em !important;
589
+ }
561
590
 
562
- .video-js.skin_vlone.vjs-live .vjs-time-control{
563
- display: none !important;
591
+ .video-js.skin_mini .vjs-button{
592
+ width: 3em;
593
+ display: flex;
594
+ align-items: center;
595
+ justify-content: center;
564
596
  }
565
597
 
566
- .video-js.skin_vlone .vjs-time-control {
598
+
599
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
600
+ .icon-maximize {
567
601
  display: block;
602
+ height: 32px;
568
603
  }
569
- .video-js.skin_vlone .vjs-remaining-time {
604
+
605
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
606
+ line-height: 4;
607
+ }
608
+
609
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
610
+ .icon-minimize {
570
611
  display: none;
612
+ height: 32px;
571
613
  }
572
614
 
573
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
574
- line-height: 3.5em;
575
- font-size: 1.1em;
576
- min-width: 4em;
615
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
616
+ outline: none !important;
617
+ }
618
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
619
+ .vjs-icon-fullscreen-enter:before {
620
+ /* content: '' !important; */
577
621
  }
578
622
 
579
- .video-js.skin_vlone .vjs-time-divider > div{
580
- display: flex;
581
- justify-content: center;
623
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
624
+ display: flex;
625
+ justify-content: center;
626
+ align-items: center;
627
+ /* transform: rotate(90deg); */
582
628
  }
583
629
 
584
- .video-js.skin_vlone .vjs-live-control{
585
- align-items: center;
630
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
631
+ display: none;
586
632
  }
587
- .video-js.skin_vlone .vjs-live-display{
588
- height: 2.2em;
589
- display: flex;
590
- align-items: center;
591
- font-family: monospace;
592
- width: 4em;
593
- justify-content: center;
594
- background: red;
595
- margin: 4px 0px 4px 12px;
633
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
634
+ margin-left: -10px;
635
+ display: none;
596
636
  }
597
- .video-js.skin_vlone .vjs-live-display:hover{
598
- cursor: pointer;
637
+
638
+ .video-js.skin_mini .vjs-loading-spinner {
639
+ position: absolute;
640
+ top: 50%;
641
+ left: 50%;
642
+ transform: translate(-50%, -50%);
643
+ opacity: .85;
644
+ text-align: left;
645
+ border: .2em solid rgba(43, 51, 63, .7);
646
+ box-sizing: border-box;
647
+ background-clip: padding-box;
648
+ width: 3em;
649
+ height: 3em;
650
+ border-radius: 50%;
651
+ visibility: hidden;
599
652
  }
600
653
 
601
- .video-js.skin_vlone .vjs-time-control {
602
- line-height: 3.5em !important;
603
- font-size: 1.1em !important;
604
- width: min-content !important;
605
- min-width: 1.5em;
606
- padding: 0 !important;
607
- user-select: none;
654
+ .video-js.skin_mini .skipbtn:hover{
655
+ cursor: pointer;
608
656
  }
609
657
 
610
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
611
- margin-left: 16px !important;
658
+ .video-js.skin_mini .rewindbtn:hover{
659
+ cursor: pointer;
612
660
  }
613
661
 
614
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
615
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
616
- font-size: 1.2em !important;
617
- line-height: 1.5em !important;
618
- padding: 0.2em 0.8em !important;
662
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
663
+ position: relative;
664
+ padding-left: 0;
619
665
  }
620
666
 
667
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
668
+ width: 40px;
669
+ height: 40px;
670
+ display: flex;
671
+ justify-content: center;
672
+ align-items: center;
673
+ border: none;
674
+ position: absolute;
675
+ top: 0;
676
+ left: 0;
677
+ right: 0;
678
+ bottom: 0;
679
+ margin: auto;
680
+ font-size: 3em;
681
+ line-height: 1.3em;
682
+ transform: none !important;
683
+ border-radius: 1.3em;
684
+ }
621
685
 
622
- /* Big play */
623
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
624
- width: 80px;
625
- height: 80px;
626
- display: flex;
627
- justify-content: center;
628
- align-items: center;
629
- border: none;
630
- position: absolute;
631
- top: 0;
632
- left: 0;
633
- right: 0;
634
- bottom: 0;
635
- margin: auto;
636
- font-size: 5em;
637
- line-height: 1.3em;
638
- transform: none !important;
639
- border-radius: 1.3em;
686
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
687
+ font-weight: bold;
640
688
  }
641
- .video-js.skin_vlone .ssai-ad-container{
642
- position: absolute;
643
- bottom: 4px;
689
+
690
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
691
+ bottom: 1.1em !important;
692
+ right: 1em;
693
+ z-index: 1;
694
+ font-size: 10px;
644
695
  }
645
-
646
- @media(max-width:600px){
647
- .video-js.skin_vlone button.vjs-big-play-button {
648
- width: 50px !important;
649
- height: 50px !important;
650
- font-size: 2.1rem !important;
651
- }
652
696
 
653
- .video-js.skin_vlone .ssai-ad-container {
654
- position: absolute;
655
- bottom: 2px;
697
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
698
+ width: 24px !important;
699
+ height: 24px !important;
656
700
  }
657
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
658
- display: none;
701
+ .video-js.skin_mini .settings-selector-icon>svg{
702
+ height: 19px !important;
703
+ width: 19px !important;
659
704
  }
660
705
 
661
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
662
- display: none;
663
- }
664
706
 
665
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
666
- display: none;
707
+ .video-js.skin_mini button.vjs-rewind-button{
708
+ cursor: pointer;
667
709
  }
710
+
711
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
712
+ padding-right: 0;
668
713
  }
669
-
670
714
 
715
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
716
+ padding-left: 0;
717
+ }
671
718
 
672
- .video-js .content {
673
- border-radius: 0;
674
- background-color: rgba(43, 51, 63, 0.7);
719
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
720
+ padding-left: 0;
721
+ padding-right: 0;
722
+ display: flex;
723
+ justify-content: center;
724
+ width: min-content;
675
725
  }
676
- .video-js .resolution {
677
- min-width: 100px;
726
+
727
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
728
+ display: none
678
729
  }
679
- .video-js .content .resolution .title {
680
- display: none;
730
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
731
+ display: none
681
732
  }
682
- .video-js .resolution .rendition{
733
+
734
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
683
735
  display: flex;
684
- list-style: none;
685
- margin: 0;
686
- line-height: 1.4em;
687
- font-size: 12px;
688
- text-align: center;
736
+ align-items: center;
737
+ font-weight: 700;
738
+ font-size: 9px;
739
+ min-width: 0.8em;
740
+ padding-left: 0;
689
741
  }
690
- .video-js .rendition {
691
- padding: 4px 20px;
742
+
743
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
744
+ display: none;
745
+ font-size: 11px;
746
+ justify-content: center;
747
+ align-items: center;
748
+ user-select: none;
692
749
  }
693
- .video-js .rendition span {
694
- background: none;
750
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
751
+ display: none;
695
752
  }
696
- .video-js .resolution .renditions .relative:hover {
697
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
753
+
754
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
755
+ height: min-content;
756
+ width: min-content;
698
757
  }
699
- .video-js .resolution .renditions .relative .rendition.selected {
700
- background-color: #fff;
701
- color: #2B333F;
702
- font-weight: normal;
758
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
759
+ width: 3em;
760
+ margin-right: 4px;
703
761
  }
704
762
 
705
- .video-js .resolution .renditions .relative .rendition.selected span{
706
- color: #2B333F;
707
- font-weight: bold
763
+ .video-js.skin_mini .content{
764
+ bottom: 3.4rem !important;
765
+ right: -4rem !important;
708
766
  }
709
767
 
768
+ .video-js.skin_mini .setting-icon > svg{
769
+ height:18px !important;
770
+ }
710
771
 
772
+ .output-overlay{
773
+ position: absolute;
774
+ bottom: 0;
775
+ height: 100%;
776
+ width: 100%;
777
+ z-index: 0;
778
+ border: 0;
779
+ pointer-events:none
780
+ }
711
781
 
712
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
713
- font-size: 2.2em;
714
- line-height: 2.6;
782
+ iframe{
783
+ width: 100%;
784
+ height: 100%;
715
785
  }
716
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
717
- background: white;
718
- }
719
- .video-js.skin_news .vjs-control-bar{
720
- z-index: 1 !important;
721
- height: 5em !important;
722
- background: black !important;
786
+
787
+ .video-js.skin_mini .vjs-live-control{
788
+ align-items: center;
789
+ max-width: 5em;
723
790
  }
724
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
791
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
792
+ height: 2.2em;
725
793
  display: flex;
726
794
  align-items: center;
795
+ font-family: monospace;
796
+ width: 4em;
727
797
  justify-content: center;
798
+ background: red;
799
+ margin: 4px 0px 4px 2px;
728
800
  }
729
801
 
730
- .video-js.skin_news .vjs-fade>* {
731
- visibility: hidden !important;
732
- opacity: 0 !important;
733
- transition: visibility 1s, opacity 1s !important;
802
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
803
+ text-shadow: none;
804
+ }
805
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
806
+ display: none;
807
+ font-size: 12px;
734
808
  }
735
809
 
736
- .video-js.skin_news .custom-spaced-progress-bar {
737
- position: absolute;
738
- width: 100%;
739
- display: flex;
740
- height: 0.5em;
741
- top: -0.5em;
810
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
811
+ height: 1.8em;
812
+ display: inline-flex;
813
+ align-items: center;
814
+ font-family: monospace;
815
+ justify-content: center;
816
+ border: 1.5px solid;
817
+ margin: 4px 0px 4px 2px;
818
+ white-space: pre;
819
+ padding: 2px 4px;
820
+ font-size: 1.2em;
821
+ font-weight: 500;
822
+ color: rgba(255, 255, 2555, 0.7);
742
823
  }
743
824
 
744
- .video-js.skin_news .vjs-progress-control {
745
- /* left: -6px; */
746
- position: relative;
747
- width: 100%;
748
- height: 0.5em;
749
- transition: height 0.1s, top 0.1s;
825
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
826
+ content: "NOT LIVE";
827
+ word-spacing: -4px;
750
828
  }
751
829
 
752
830
 
831
+ @media(max-width:600px){
832
+ .tvProviderImage{
833
+ display: none
834
+ }
835
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
836
+ .icon-maximize {
837
+ height: 30px !important;
838
+ }
753
839
 
840
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
841
+ .icon-minimize {
842
+ height: 30px !important;
843
+ }
844
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
845
+ width: 3.5em;
846
+ }
847
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
848
+ height: min-content;
849
+ }
754
850
 
755
- .video-js.skin_news .vjs-custom-control-spacer {
756
- display: block;
757
- flex: 1 1 auto;
851
+ .video-js.skin_mini button.vjs-slowmo-button{
852
+ display: none;
853
+ }
854
+ .video-js.skin_mini button.vjs-rewind-button{
855
+ display: none;
856
+ }
857
+ .video-js.skin_mini button.vjs-rewind-button>svg{
858
+ height: 20px;
859
+ }
860
+ .video-js.skin_mini .vjs-button{
861
+ width: 3em;
862
+ }
863
+ .video-js.skin_mini .widget-selection{
864
+ display: none;
865
+ }
866
+ .video-js.skin_mini .container{
867
+ display: none !important;
868
+ }
869
+ .video-js.skin_mini .vjs-control-bar{
870
+ height: 4em !important;
871
+ }
872
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
873
+ font-size: 2.5em;
874
+ line-height: 1.5;
875
+ }
876
+ .video-js.skin_mini .vjs-play-progress:before {
877
+ font-size: 1.2em;
878
+ position: absolute;
879
+ right: -0.5em;
880
+ z-index: 1;
881
+ }
882
+ .video-js.skin_mini button.vjs-skip-button>svg{
883
+ height: 20px;
758
884
  }
759
885
 
760
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
761
- margin: 0 0px 0 0px;
886
+ .stream-selector-icon>svg{
887
+ width: 24px;
888
+ height: 24px;
762
889
  }
763
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
764
- display: none;
890
+ .video-js.skin_mini .vjs-seek-to-live-text{
891
+ font-size: 12px;
765
892
  }
766
893
 
767
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
768
- font-size: 14px;
769
- font-weight: 500;
770
- align-self: center;
771
- height: min-content;
772
- padding: 5px 2px;
773
- border-radius: 8px;
894
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
895
+ color: white !important;
896
+ font-size: 16px !important;
897
+ background-color: rgba(0,0,0,0.2) !important;
898
+ }
774
899
  }
775
900
 
776
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
777
- height: 6px !important;
901
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
902
+ color: white !important;
903
+ font-size: 16px !important;
904
+ background-color: rgba(0,0,0,0.2) !important;
778
905
  }
779
906
 
780
- .video-js.skin_news .vjs-play-progress:before {
781
- font-size: 1.5em;
782
- line-height: unset;
783
- top: -0.3333333333em;
907
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
908
+ font-size: 18px !important;
784
909
  }
785
910
 
786
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
787
- display: none !important;
911
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
912
+ margin-bottom: 1rem !important;
788
913
  }
789
914
 
790
- /* */
791
- .video-js.skin_news .vjs-mouse-display{
792
- font-size: 1.6666666667em;
793
- }
794
915
 
795
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
796
- font-size: 1em !important;
916
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
917
+ display: flex;
918
+ justify-content: center;
919
+ align-items: center;
920
+ height: 100%;
921
+ transition: width 0.1s;
922
+ }
923
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
924
+ margin: 2px;
797
925
  }
798
926
 
799
- .video-js.skin_news .vjs-button{
800
- width: 5.3em;
927
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
801
928
  display: flex;
802
- align-items: center;
803
929
  justify-content: center;
930
+ align-items: center;
931
+ height: 100%;
932
+ transition: width 0.1s;
804
933
  }
805
-
806
-
807
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
808
- .icon-maximize {
809
- display: block;
810
- height: 32px;
934
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
935
+ display: grid;
936
+ font-size: 10px;
937
+ grid-template-columns: 1fr;
938
+ grid-template-rows: 1fr;
939
+ padding: 1px 0px 0 0px;
940
+ margin: 0;
811
941
  }
812
942
 
813
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
814
- line-height: 4;
815
- }
943
+ @media (max-width: 600px) {
944
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
945
+ height: 5px !important;
946
+ }
816
947
 
817
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
818
- .icon-minimize {
948
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
819
949
  display: none;
820
- height: 32px;
950
+ }
951
+
821
952
  }
822
953
 
823
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
824
- outline: none !important;
954
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
955
+ content: none !important;
956
+ fill: none !important;
957
+ filter: none !important;
825
958
  }
826
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
827
- .vjs-icon-fullscreen-enter:before {
828
- /* content: '' !important; */
959
+
960
+ /* svg icons opacity and hover effect */
961
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
962
+ opacity: 0.7 !important;
829
963
  }
830
964
 
831
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
832
- display: flex;
833
- justify-content: center;
834
- align-items: center;
835
- /* transform: rotate(90deg); */
965
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
966
+ opacity: 1 !important;
836
967
  }
837
968
 
838
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
839
- display: none;
969
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
970
+ color: rgba(255, 255, 2555, 0.7)!important;
840
971
  }
841
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
842
- margin-left: -10px;
972
+
973
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
974
+ color: rgba(255, 255, 2555, 1)!important;
843
975
  }
844
976
 
845
- .video-js.skin_news .skipbtn:hover{
846
- cursor: pointer;
977
+
978
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
979
+ height: 0.7em;
980
+ position: absolute;
981
+ top: -0.7em;
982
+ width: 100%;
847
983
  }
848
984
 
849
- .video-js.skin_news .rewindbtn:hover{
850
- cursor: pointer;
985
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
986
+ height: 100%;
851
987
  }
852
988
 
853
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
854
- position: relative;
855
- padding-left: 0;
989
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
990
+ line-height: 2.5;
856
991
  }
857
992
 
858
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
859
- display: none !important;
993
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
994
+ height: 19px;
995
+ width: 19px;
996
+ cursor: pointer;
997
+ }
998
+ .video-js.skin_vlone .vjs-control {
999
+ user-select: none;
1000
+ }
1001
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1002
+ user-select: none;
860
1003
  }
861
1004
 
862
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
863
- width: 90px;
864
- height: 90px;
865
- display: flex;
866
- justify-content: center;
867
- align-items: center;
868
- border-radius: 50%;
869
- position: absolute;
870
- top: 0;
871
- left: 0;
872
- right: 0;
873
- bottom: 0;
874
- margin: auto;
875
- font-size: 6em;
876
- line-height: 1.4em;
877
- border: 0.05em solid;
878
- color: inherit;
879
- }
880
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
881
- font-weight: bold;
1005
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1006
+ height: 19px;
1007
+ width: 19px;
1008
+ cursor: pointer;
882
1009
  }
883
1010
 
884
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
885
- bottom: 2.4em !important;
886
- right: -1em;
887
- z-index: 1;
1011
+ .video-js.skin_vlone .vjs-play-progress:before {
1012
+ display: none !important;
888
1013
  }
889
1014
 
890
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
891
- width: 24px !important;
892
- height: 24px !important;
893
- }
894
- .settings-selector-icon>svg{
895
- height: 19px !important;
896
- width: 19px !important;
1015
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1016
+ margin: 0 !important;
1017
+
897
1018
  }
898
1019
 
899
1020
 
900
- .video-js.skin_news button.vjs-rewind-button{
901
- cursor: pointer;
1021
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1022
+ display: block;
1023
+ flex: 1 1 auto;
902
1024
  }
903
1025
 
904
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
905
- padding-right: 0;
1026
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1027
+ z-index: 1;
906
1028
  }
907
1029
 
908
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
909
- padding-left: 0;
910
- }
911
1030
 
912
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
913
- padding-left: 0;
914
- padding-right: 0;
915
- display: flex;
916
- justify-content: center;
917
- width: min-content;
1031
+ .video-js.skin_vlone .vjs-control-bar {
1032
+ height: 40px;
918
1033
  }
919
1034
 
920
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
921
- display: none
1035
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1036
+ .vjs-button>.vjs-icon-placeholder:before {
1037
+ position: relative !important;
922
1038
  }
923
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
924
- display: none
1039
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1040
+ display: flex;
1041
+ left: 0px;
1042
+ top: -1px;
925
1043
  }
926
1044
 
927
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
928
- display: flex;
929
- align-items: center;
930
- font-weight: 700;
931
- font-size: 12px;
932
- min-width: 1.2em;
1045
+ .vjs-button>.vjs-icon-placeholder:before {
1046
+ font-size: 2em !important;
933
1047
  }
934
1048
 
935
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
936
- display: none;
937
- font-size: 11px;
938
- justify-content: center;
939
- align-items: center;
940
- user-select: none;
941
- }
942
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
943
- display: none;
1049
+ .video-js.skin_vlone .vjs-control {
1050
+ width: 4.3em;
944
1051
  }
945
1052
 
946
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
947
- height: min-content;
948
- width: min-content;
949
- }
950
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
951
- width: 6em;
1053
+ .vjs-menu-button-popup .vjs-menu {
1054
+ bottom: 10px !important;
952
1055
  }
953
1056
 
954
- .video-js.skin_news .content{
955
- bottom: 3.4rem !important;
956
- right: -4rem !important;
957
- }
958
1057
 
959
- .setting-icon > svg{
960
- height:18px !important;
1058
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1059
+ height: 1.3em;
1060
+ position: absolute;
1061
+ top: -1.3em;
1062
+ transition: height 0.3s, top 0.3s;
961
1063
  }
962
1064
 
963
- .output-overlay{
964
- position: absolute;
965
- bottom: 0;
966
- height: 100%;
967
- width: 100%;
968
- z-index: 0;
969
- border: 0;
970
- pointer-events:none
971
- }
972
1065
 
973
- iframe{
974
- width: 100%;
975
- height: 100%;
1066
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1067
+ display: none !important;
976
1068
  }
977
1069
 
978
- .video-js.skin_news .vjs-live-control{
979
- align-items: center;
1070
+ .video-js.skin_vlone .vjs-time-control {
1071
+ display: block;
980
1072
  }
981
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
982
- height: 2.2em;
983
- display: flex;
984
- align-items: center;
985
- font-family: monospace;
986
- width: 4em;
987
- justify-content: center;
988
- background: red;
989
- margin: 4px 0px 4px 12px;
1073
+ .video-js.skin_vlone .vjs-remaining-time {
1074
+ display: none;
990
1075
  }
991
1076
 
992
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
993
- text-shadow: none;
994
- }
995
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
996
- display: none;
997
- font-size: 12px;
1077
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1078
+ line-height: 3.5em;
1079
+ font-size: 1.1em;
1080
+ min-width: 4em;
998
1081
  }
999
1082
 
1000
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1001
- height: 2.2em;
1002
- display: inline-flex;
1003
- align-items: center;
1004
- /* font-family: monospace; */
1005
- justify-content: center;
1006
- border: 2px solid;
1007
- margin: 4px 0px 4px 6px;
1008
- white-space: pre;
1009
- padding: 0px 6px;
1010
- font-size: 1.2em;
1011
- font-weight: 500;
1012
- color: rgba(255, 255, 2555, 0.7);
1013
-
1014
- letter-spacing: -.1px;
1015
- line-height: normal;
1016
- text-transform: uppercase;
1017
- color: #FFFFFF;
1018
- opacity: .7;
1019
- font-family: "Proxima Nova";
1083
+ .video-js.skin_vlone .vjs-time-divider > div{
1084
+ display: flex;
1085
+ justify-content: center;
1020
1086
  }
1021
1087
 
1022
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1023
- opacity: 1;
1088
+ .video-js.skin_vlone .vjs-live-control{
1089
+ align-items: center;
1024
1090
  }
1025
-
1026
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1027
- content: "NOT LIVE";
1091
+ .video-js.skin_vlone .vjs-live-display{
1092
+ height: 2.2em;
1093
+ display: flex;
1094
+ align-items: center;
1095
+ font-family: monospace;
1096
+ width: 4em;
1097
+ justify-content: center;
1098
+ background: red;
1099
+ margin: 4px 0px 4px 12px;
1028
1100
  }
1029
-
1030
- .settings-selection.vjs-control.vjs-button{
1031
- display: flex !important;
1101
+ .video-js.skin_vlone .vjs-live-display:hover{
1102
+ cursor: pointer;
1032
1103
  }
1033
1104
 
1034
- @media(max-width:576px){
1035
- .settings-selection.vjs-control.vjs-button{
1036
- display: none !important;
1037
- }
1105
+ .video-js.skin_vlone .vjs-time-control {
1106
+ line-height: 3.5em !important;
1107
+ font-size: 1.1em !important;
1108
+ width: min-content !important;
1109
+ min-width: 1.5em;
1110
+ padding: 0 !important;
1111
+ user-select: none;
1038
1112
  }
1039
1113
 
1040
-
1041
- @media(max-width:576px){
1042
- .tvProviderImage{
1043
- display: none
1044
- }
1045
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1046
- .icon-maximize {
1047
- height: 30px !important;
1048
- }
1049
-
1050
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1051
- .icon-minimize {
1052
- height: 30px !important;
1053
- }
1054
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1055
- width: 4.5em;
1056
- }
1057
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1058
- height: min-content;
1059
- }
1060
-
1061
- .video-js.skin_news button.vjs-slowmo-button{
1062
- display: none;
1063
- }
1064
- .video-js.skin_news button.vjs-rewind-button{
1065
- display: none;
1066
- }
1067
- .video-js.skin_news button.vjs-rewind-button>svg{
1068
- height: 20px;
1069
- }
1070
- .video-js.skin_news .vjs-button{
1071
- width: 4.8em;
1072
- }
1073
- .video-js.skin_news .widget-selection{
1074
- display: none;
1075
- }
1076
- .video-js.skin_news .container{
1077
- display: none !important;
1078
- }
1079
- .video-js.skin_news .vjs-control-bar{
1080
- height: 4em !important;
1081
- }
1082
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1083
- font-size: 2.5em;
1084
- line-height: 1.5;
1085
- }
1086
- .video-js.skin_news .vjs-play-progress:before {
1087
- font-size: 1.2em;
1088
- position: absolute;
1089
- right: -0.5em;
1090
- z-index: 1;
1091
- }
1092
- .video-js.skin_news button.vjs-skip-button>svg{
1093
- height: 20px;
1094
- }
1095
- .video-js.skin_news button.vjs-big-play-button {
1096
- width: 50px !important;
1097
- height: 50px !important;
1098
- font-size: 2.1rem !important;
1114
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1115
+ margin-left: 16px !important;
1099
1116
  }
1100
1117
 
1101
- .stream-selector-icon>svg{
1102
- width: 24px;
1103
- height: 24px;
1104
- }
1105
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1106
- margin: 0 12px 0 12px;
1107
- }
1108
- .video-js.skin_news .vjs-seek-to-live-text{
1109
- font-size: 12px;
1110
- }
1111
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1112
- margin: 0 12px 0 12px;
1113
- }
1114
- }
1115
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1116
- width: 90px;
1117
- height: 90px;
1118
- display: flex;
1119
- justify-content: center;
1120
- align-items: center;
1121
- border-radius: 50%;
1122
- position: absolute;
1123
- top: 0;
1124
- left: 0;
1125
- right: 0;
1126
- bottom: 0;
1127
- margin: auto;
1128
- font-size: 6em;
1129
- line-height: 1.4em;
1118
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1119
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1120
+ font-size: 1.2em !important;
1121
+ line-height: 1.5em !important;
1122
+ padding: 0.2em 0.8em !important;
1130
1123
  }
1131
1124
 
1132
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1133
- display: flex;
1134
- justify-content: center;
1135
- align-items: center;
1136
- height: 100%;
1137
- transition: width 0.1s;
1138
- }
1139
1125
 
1140
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1141
- display: flex;
1142
- justify-content: center;
1143
- align-items: center;
1144
- height: 100%;
1145
- transition: width 0.1s;
1146
- }
1147
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1148
- display: none !important;
1126
+ /* Big play */
1127
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1128
+ width: 80px;
1129
+ height: 80px;
1130
+ display: flex;
1131
+ justify-content: center;
1132
+ align-items: center;
1133
+ border: none;
1134
+ position: absolute;
1135
+ top: 0;
1136
+ left: 0;
1137
+ right: 0;
1138
+ bottom: 0;
1139
+ margin: auto;
1140
+ font-size: 5em;
1141
+ line-height: 1.3em;
1142
+ transform: none !important;
1143
+ border-radius: 1.3em;
1149
1144
  }
1150
- .video-js.skin_news .ssai-ad-container{
1151
- position: absolute;
1152
- bottom: 14px;
1145
+ .video-js.skin_vlone .ssai-ad-container{
1146
+ position: absolute;
1147
+ bottom: 4px;
1153
1148
  }
1154
-
1155
- @media (max-width: 576px) {
1156
- .video-js.skin_news .ssai-ad-container{
1157
- bottom: 2px;
1158
- }
1159
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1160
- height: 5px !important;
1161
- }
1162
- .video-js.skin_news button.vjs-big-play-button {
1149
+
1150
+ @media(max-width:600px){
1151
+ .video-js.skin_vlone button.vjs-big-play-button {
1163
1152
  width: 50px !important;
1164
1153
  height: 50px !important;
1165
1154
  font-size: 2.1rem !important;
1166
- }
1155
+ }
1167
1156
 
1168
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1169
- display: none;
1170
- }
1171
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1172
- bottom: 2.4em !important;
1173
- right: -1em;
1174
- z-index: 1;
1157
+ .video-js.skin_vlone .ssai-ad-container {
1158
+ position: absolute;
1159
+ bottom: 2px;
1175
1160
  }
1176
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1177
- display: none !important;
1178
- }
1179
-
1180
- .video-js.skin_news .vjs-text-track-display-ttml span {
1181
- color: white !important;
1182
- font-size: 13px !important;
1183
- background-color: black !important;
1184
- }
1161
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1162
+ display: none;
1185
1163
  }
1186
1164
 
1187
- .video-js.skin_news .vjs-text-track-display-ttml span {
1188
- color: white !important;
1189
- font-size: 16px !important;
1190
- background-color: black !important;
1165
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1166
+ display: none;
1191
1167
  }
1192
1168
 
1193
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1194
- margin-bottom: 2rem !important;
1169
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1170
+ display: none;
1195
1171
  }
1196
-
1197
- .video-js.skin_news .vjs-text-track-display-ttml p {
1198
- font-size: 18px !important;
1199
1172
  }
1173
+
1200
1174
 
1201
1175
 
1202
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1203
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1204
- font-size: 1.2em !important;
1205
- line-height: 1.5em !important;
1206
- padding: 0.2em 0.8em !important;
1176
+ .video-js .content {
1177
+ border-radius: 0;
1178
+ background-color: rgba(43, 51, 63, 0.7);
1207
1179
  }
1208
-
1209
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1210
- content: none !important;
1211
- fill: none !important;
1212
- filter: none !important;
1180
+ .video-js .resolution {
1181
+ min-width: 100px;
1213
1182
  }
1214
-
1215
- /* svg icons opacity and hover effect */
1216
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1217
- opacity: 0.7 !important;
1183
+ .video-js .content .resolution .title {
1184
+ display: none;
1218
1185
  }
1219
-
1220
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1221
- opacity: 1 !important;
1186
+ .video-js .resolution .rendition{
1187
+ display: flex;
1188
+ list-style: none;
1189
+ margin: 0;
1190
+ line-height: 1.4em;
1191
+ font-size: 12px;
1192
+ text-align: center;
1222
1193
  }
1223
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1224
- opacity: 0.7 !important;
1194
+ .video-js .rendition {
1195
+ padding: 4px 20px;
1225
1196
  }
1226
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1227
- opacity: 1 !important;
1197
+ .video-js .rendition span {
1198
+ background: none;
1228
1199
  }
1229
-
1230
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1231
- color: rgba(255, 255, 2555, 0.7)!important;
1200
+ .video-js .resolution .renditions .relative:hover {
1201
+ background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
1232
1202
  }
1233
-
1234
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1235
- color: rgba(255, 255, 2555, 1)!important;
1203
+ .video-js .resolution .renditions .relative .rendition.selected {
1204
+ background-color: #fff;
1205
+ color: #2B333F;
1206
+ font-weight: normal;
1236
1207
  }
1237
1208
 
1209
+ .video-js .resolution .renditions .relative .rendition.selected span{
1210
+ color: #2B333F;
1211
+ font-weight: bold
1212
+ }
1238
1213
 
1239
-
1240
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1214
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1241
1215
  font-size: 2.2em;
1242
1216
  line-height: 2.6;
1243
1217
  }
1244
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1245
- background: #fcb700;
1218
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1219
+ background: white;
1246
1220
  }
1247
- .video-js.skin_news_live .vjs-control-bar{
1221
+ .video-js.skin_news .vjs-control-bar{
1248
1222
  z-index: 1 !important;
1249
1223
  height: 5em !important;
1250
1224
  background: black !important;
1251
1225
  }
1252
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1226
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1253
1227
  display: flex;
1254
1228
  align-items: center;
1255
1229
  justify-content: center;
1256
1230
  }
1257
1231
 
1258
- .video-js.skin_news_live .vjs-fade>* {
1232
+ .video-js.skin_news .vjs-fade>* {
1259
1233
  visibility: hidden !important;
1260
1234
  opacity: 0 !important;
1261
1235
  transition: visibility 1s, opacity 1s !important;
1262
1236
  }
1263
1237
 
1264
- .video-js.skin_news_live .custom-spaced-progress-bar {
1238
+ .video-js.skin_news .custom-spaced-progress-bar {
1265
1239
  position: absolute;
1266
1240
  width: 100%;
1267
1241
  display: flex;
@@ -1269,7 +1243,7 @@ iframe{
1269
1243
  top: -0.5em;
1270
1244
  }
1271
1245
 
1272
- .video-js.skin_news_live .vjs-progress-control {
1246
+ .video-js.skin_news .vjs-progress-control {
1273
1247
  /* left: -6px; */
1274
1248
  position: relative;
1275
1249
  width: 100%;
@@ -1277,25 +1251,22 @@ iframe{
1277
1251
  transition: height 0.1s, top 0.1s;
1278
1252
  }
1279
1253
 
1280
- .video-js.skin_news_live .vjs-volume-panel{
1281
- min-width: 5.3em;
1282
- }
1283
1254
 
1284
1255
 
1285
1256
 
1286
- .video-js.skin_news_live .vjs-custom-control-spacer {
1287
- /* display: block; */
1288
- /* flex: 1 1 auto; */
1257
+ .video-js.skin_news .vjs-custom-control-spacer {
1258
+ display: block;
1259
+ flex: 1 1 auto;
1289
1260
  }
1290
1261
 
1291
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1262
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1292
1263
  margin: 0 0px 0 0px;
1293
1264
  }
1294
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1265
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1295
1266
  display: none;
1296
1267
  }
1297
1268
 
1298
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1269
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1299
1270
  font-size: 14px;
1300
1271
  font-weight: 500;
1301
1272
  align-self: center;
@@ -1304,30 +1275,30 @@ iframe{
1304
1275
  border-radius: 8px;
1305
1276
  }
1306
1277
 
1307
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1278
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1308
1279
  height: 6px !important;
1309
1280
  }
1310
1281
 
1311
- .video-js.skin_news_live .vjs-play-progress:before {
1282
+ .video-js.skin_news .vjs-play-progress:before {
1312
1283
  font-size: 1.5em;
1313
1284
  line-height: unset;
1314
1285
  top: -0.3333333333em;
1315
1286
  }
1316
1287
 
1317
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1288
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1318
1289
  display: none !important;
1319
1290
  }
1320
1291
 
1321
1292
  /* */
1322
- .video-js.skin_news_live .vjs-mouse-display{
1293
+ .video-js.skin_news .vjs-mouse-display{
1323
1294
  font-size: 1.6666666667em;
1324
1295
  }
1325
1296
 
1326
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1297
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1327
1298
  font-size: 1em !important;
1328
1299
  }
1329
1300
 
1330
- .video-js.skin_news_live .vjs-button{
1301
+ .video-js.skin_news .vjs-button{
1331
1302
  width: 5.3em;
1332
1303
  display: flex;
1333
1304
  align-items: center;
@@ -1335,71 +1306,63 @@ iframe{
1335
1306
  }
1336
1307
 
1337
1308
 
1338
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1309
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1339
1310
  .icon-maximize {
1340
1311
  display: block;
1341
1312
  height: 32px;
1342
1313
  }
1343
1314
 
1344
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1315
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1345
1316
  line-height: 4;
1346
1317
  }
1347
1318
 
1348
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1319
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1349
1320
  .icon-minimize {
1350
1321
  display: none;
1351
1322
  height: 32px;
1352
1323
  }
1353
1324
 
1354
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1325
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1355
1326
  outline: none !important;
1356
- /* flex: 1; */
1357
- }
1358
- .video-js.skin_news_live .vjs-play-toggle-container{
1359
- display: flex;
1360
- flex: 1;
1361
- justify-content: center;
1362
1327
  }
1363
-
1364
-
1365
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1328
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1366
1329
  .vjs-icon-fullscreen-enter:before {
1367
1330
  /* content: '' !important; */
1368
1331
  }
1369
1332
 
1370
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1333
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1371
1334
  display: flex;
1372
1335
  justify-content: center;
1373
1336
  align-items: center;
1374
1337
  /* transform: rotate(90deg); */
1375
1338
  }
1376
1339
 
1377
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1340
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1378
1341
  display: none;
1379
1342
  }
1380
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1343
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1381
1344
  margin-left: -10px;
1382
1345
  }
1383
1346
 
1384
- .video-js.skin_news_live .skipbtn:hover{
1347
+ .video-js.skin_news .skipbtn:hover{
1385
1348
  cursor: pointer;
1386
1349
  }
1387
1350
 
1388
- .video-js.skin_news_live .rewindbtn:hover{
1351
+ .video-js.skin_news .rewindbtn:hover{
1389
1352
  cursor: pointer;
1390
1353
  }
1391
1354
 
1392
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1355
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1393
1356
  position: relative;
1394
1357
  padding-left: 0;
1395
1358
  }
1396
1359
 
1397
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1360
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1398
1361
  display: none !important;
1399
1362
  }
1400
1363
 
1401
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1402
- /* width: 90px;
1364
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1365
+ width: 90px;
1403
1366
  height: 90px;
1404
1367
  display: flex;
1405
1368
  justify-content: center;
@@ -1414,20 +1377,19 @@ iframe{
1414
1377
  font-size: 6em;
1415
1378
  line-height: 1.4em;
1416
1379
  border: 0.05em solid;
1417
- color: inherit; */
1418
- display: none !important;
1380
+ color: inherit;
1419
1381
  }
1420
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1382
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1421
1383
  font-weight: bold;
1422
1384
  }
1423
1385
 
1424
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1386
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1425
1387
  bottom: 2.4em !important;
1426
1388
  right: -1em;
1427
1389
  z-index: 1;
1428
1390
  }
1429
1391
 
1430
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1392
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1431
1393
  width: 24px !important;
1432
1394
  height: 24px !important;
1433
1395
  }
@@ -1437,34 +1399,34 @@ iframe{
1437
1399
  }
1438
1400
 
1439
1401
 
1440
- .video-js.skin_news_live button.vjs-rewind-button{
1402
+ .video-js.skin_news button.vjs-rewind-button{
1441
1403
  cursor: pointer;
1442
1404
  }
1443
1405
 
1444
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1406
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1445
1407
  padding-right: 0;
1446
- display: none;
1447
1408
  }
1448
1409
 
1449
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1410
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1450
1411
  padding-left: 0;
1451
- display: none;
1452
1412
  }
1453
1413
 
1454
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1414
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1455
1415
  padding-left: 0;
1456
1416
  padding-right: 0;
1457
- display: none;
1417
+ display: flex;
1418
+ justify-content: center;
1419
+ width: min-content;
1458
1420
  }
1459
1421
 
1460
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1422
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1461
1423
  display: none
1462
1424
  }
1463
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1425
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1464
1426
  display: none
1465
1427
  }
1466
1428
 
1467
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1429
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
1468
1430
  display: flex;
1469
1431
  align-items: center;
1470
1432
  font-weight: 700;
@@ -1472,26 +1434,26 @@ iframe{
1472
1434
  min-width: 1.2em;
1473
1435
  }
1474
1436
 
1475
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1437
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1476
1438
  display: none;
1477
1439
  font-size: 11px;
1478
1440
  justify-content: center;
1479
1441
  align-items: center;
1480
1442
  user-select: none;
1481
1443
  }
1482
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1444
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1483
1445
  display: none;
1484
1446
  }
1485
1447
 
1486
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1448
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1487
1449
  height: min-content;
1488
1450
  width: min-content;
1489
1451
  }
1490
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1452
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1491
1453
  width: 6em;
1492
1454
  }
1493
1455
 
1494
- .video-js.skin_news_live .content{
1456
+ .video-js.skin_news .content{
1495
1457
  bottom: 3.4rem !important;
1496
1458
  right: -4rem !important;
1497
1459
  }
@@ -1515,11 +1477,10 @@ iframe{
1515
1477
  height: 100%;
1516
1478
  }
1517
1479
 
1518
- .video-js.skin_news_live .vjs-live-control{
1480
+ .video-js.skin_news .vjs-live-control{
1519
1481
  align-items: center;
1520
- display: none;
1521
1482
  }
1522
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1483
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1523
1484
  height: 2.2em;
1524
1485
  display: flex;
1525
1486
  align-items: center;
@@ -1530,22 +1491,43 @@ iframe{
1530
1491
  margin: 4px 0px 4px 12px;
1531
1492
  }
1532
1493
 
1533
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1494
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1534
1495
  text-shadow: none;
1535
1496
  }
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
+ }
1536
1501
 
1537
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1538
- display: flex;
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; */
1539
1507
  justify-content: center;
1540
- min-width: 5.3em;
1541
- pointer-events: none;
1542
- user-select: none;
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";
1543
1522
  }
1544
1523
 
1545
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1546
- color: white;
1524
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1525
+ opacity: 1;
1547
1526
  }
1548
1527
 
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
+ }
1549
1531
 
1550
1532
  .settings-selection.vjs-control.vjs-button{
1551
1533
  display: flex !important;
@@ -1562,57 +1544,57 @@ iframe{
1562
1544
  .tvProviderImage{
1563
1545
  display: none
1564
1546
  }
1565
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1547
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
1566
1548
  .icon-maximize {
1567
1549
  height: 30px !important;
1568
1550
  }
1569
1551
 
1570
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1552
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
1571
1553
  .icon-minimize {
1572
1554
  height: 30px !important;
1573
1555
  }
1574
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1556
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1575
1557
  width: 4.5em;
1576
1558
  }
1577
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1559
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1578
1560
  height: min-content;
1579
1561
  }
1580
1562
 
1581
- .video-js.skin_news_live button.vjs-slowmo-button{
1563
+ .video-js.skin_news button.vjs-slowmo-button{
1582
1564
  display: none;
1583
1565
  }
1584
- .video-js.skin_news_live button.vjs-rewind-button{
1566
+ .video-js.skin_news button.vjs-rewind-button{
1585
1567
  display: none;
1586
1568
  }
1587
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1569
+ .video-js.skin_news button.vjs-rewind-button>svg{
1588
1570
  height: 20px;
1589
1571
  }
1590
- .video-js.skin_news_live .vjs-button{
1572
+ .video-js.skin_news .vjs-button{
1591
1573
  width: 4.8em;
1592
1574
  }
1593
- .video-js.skin_news_live .widget-selection{
1575
+ .video-js.skin_news .widget-selection{
1594
1576
  display: none;
1595
1577
  }
1596
- .video-js.skin_news_live .container{
1578
+ .video-js.skin_news .container{
1597
1579
  display: none !important;
1598
1580
  }
1599
- .video-js.skin_news_live .vjs-control-bar{
1581
+ .video-js.skin_news .vjs-control-bar{
1600
1582
  height: 4em !important;
1601
1583
  }
1602
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1584
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1603
1585
  font-size: 2.5em;
1604
1586
  line-height: 1.5;
1605
1587
  }
1606
- .video-js.skin_news_live .vjs-play-progress:before {
1588
+ .video-js.skin_news .vjs-play-progress:before {
1607
1589
  font-size: 1.2em;
1608
1590
  position: absolute;
1609
1591
  right: -0.5em;
1610
1592
  z-index: 1;
1611
1593
  }
1612
- .video-js.skin_news_live button.vjs-skip-button>svg{
1594
+ .video-js.skin_news button.vjs-skip-button>svg{
1613
1595
  height: 20px;
1614
1596
  }
1615
- .video-js.skin_news_live button.vjs-big-play-button {
1597
+ .video-js.skin_news button.vjs-big-play-button {
1616
1598
  width: 50px !important;
1617
1599
  height: 50px !important;
1618
1600
  font-size: 2.1rem !important;
@@ -1622,17 +1604,17 @@ iframe{
1622
1604
  width: 24px;
1623
1605
  height: 24px;
1624
1606
  }
1625
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1607
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1626
1608
  margin: 0 12px 0 12px;
1627
1609
  }
1628
- .video-js.skin_news_live .vjs-seek-to-live-text{
1610
+ .video-js.skin_news .vjs-seek-to-live-text{
1629
1611
  font-size: 12px;
1630
1612
  }
1631
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1613
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1632
1614
  margin: 0 12px 0 12px;
1633
1615
  }
1634
1616
  }
1635
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1617
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
1636
1618
  width: 90px;
1637
1619
  height: 90px;
1638
1620
  display: flex;
@@ -1649,7 +1631,7 @@ iframe{
1649
1631
  line-height: 1.4em;
1650
1632
  }
1651
1633
 
1652
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1634
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1653
1635
  display: flex;
1654
1636
  justify-content: center;
1655
1637
  align-items: center;
@@ -1657,22 +1639,29 @@ iframe{
1657
1639
  transition: width 0.1s;
1658
1640
  }
1659
1641
 
1660
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1642
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1661
1643
  display: flex;
1662
1644
  justify-content: center;
1663
1645
  align-items: center;
1664
1646
  height: 100%;
1665
1647
  transition: width 0.1s;
1666
1648
  }
1667
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1649
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1668
1650
  display: none !important;
1669
1651
  }
1652
+ .video-js.skin_news .ssai-ad-container{
1653
+ position: absolute;
1654
+ bottom: 14px;
1655
+ }
1670
1656
 
1671
1657
  @media (max-width: 576px) {
1672
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1658
+ .video-js.skin_news .ssai-ad-container{
1659
+ bottom: 2px;
1660
+ }
1661
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1673
1662
  height: 5px !important;
1674
1663
  }
1675
- .video-js.skin_news_live button.vjs-big-play-button {
1664
+ .video-js.skin_news button.vjs-big-play-button {
1676
1665
  width: 50px !important;
1677
1666
  height: 50px !important;
1678
1667
  font-size: 2.1rem !important;
@@ -1681,59 +1670,70 @@ iframe{
1681
1670
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1682
1671
  display: none;
1683
1672
  }
1684
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1673
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1685
1674
  bottom: 2.4em !important;
1686
1675
  right: -1em;
1687
1676
  z-index: 1;
1688
1677
  }
1689
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1678
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1690
1679
  display: none !important;
1691
1680
  }
1692
1681
 
1693
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1682
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1694
1683
  color: white !important;
1695
1684
  font-size: 13px !important;
1696
1685
  background-color: black !important;
1697
1686
  }
1698
1687
  }
1699
1688
 
1700
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1701
- width: 100% !important;
1702
- }
1703
-
1704
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1689
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1705
1690
  color: white !important;
1706
1691
  font-size: 16px !important;
1707
1692
  background-color: black !important;
1708
1693
  }
1709
1694
 
1710
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1695
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1711
1696
  margin-bottom: 2rem !important;
1712
1697
  }
1713
1698
 
1714
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1699
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1715
1700
  font-size: 18px !important;
1716
1701
  }
1717
1702
 
1718
1703
 
1719
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1720
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
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 {
1721
1706
  font-size: 1.2em !important;
1722
1707
  line-height: 1.5em !important;
1723
1708
  padding: 0.2em 0.8em !important;
1724
1709
  }
1725
1710
 
1726
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1711
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1727
1712
  content: none !important;
1728
1713
  fill: none !important;
1729
1714
  filter: none !important;
1730
1715
  }
1731
1716
 
1732
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
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 {
1733
1733
  color: rgba(255, 255, 2555, 0.7)!important;
1734
1734
  }
1735
1735
 
1736
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1736
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1737
1737
  color: rgba(255, 255, 2555, 1)!important;
1738
1738
  }
1739
1739
 
@@ -1920,6 +1920,7 @@ iframe{
1920
1920
 
1921
1921
 
1922
1922
 
1923
+
1923
1924
  .video-js .multicamera-parent.default{
1924
1925
  height: 345px;
1925
1926
  position: absolute;
@@ -2001,7 +2002,6 @@ iframe{
2001
2002
 
2002
2003
 
2003
2004
 
2004
-
2005
2005
  .vjs-custom-big-mute.vjs-control{
2006
2006
  position: absolute;
2007
2007
  align-items: center;