@viewlift/player-backup 2.0.200-backup → 2.0.201-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 (3) hide show
  1. package/cjs/bundle.css +724 -724
  2. package/esm/bundle.css +724 -724
  3. package/package.json +1 -1
package/esm/bundle.css CHANGED
@@ -1,28 +1,31 @@
1
1
 
2
2
 
3
3
 
4
-
5
-
6
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
4
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
7
5
  font-size: 2.2em;
8
6
  line-height: 2.6;
9
7
  }
10
- .video-js.skin_mini{
11
- overflow: hidden;
8
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
+ background: white;
12
10
  }
13
- .video-js.skin_mini .vjs-control-bar{
11
+ .video-js.skin_news .vjs-control-bar{
14
12
  z-index: 1 !important;
15
- height: 4em !important;
13
+ height: 5em !important;
16
14
  background: black !important;
17
15
  }
16
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
17
+ display: flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ }
18
21
 
19
- .video-js.skin_mini .vjs-fade>* {
22
+ .video-js.skin_news .vjs-fade>* {
20
23
  visibility: hidden !important;
21
24
  opacity: 0 !important;
22
25
  transition: visibility 1s, opacity 1s !important;
23
26
  }
24
27
 
25
- .video-js.skin_mini .custom-spaced-progress-bar {
28
+ .video-js.skin_news .custom-spaced-progress-bar {
26
29
  position: absolute;
27
30
  width: 100%;
28
31
  display: flex;
@@ -30,7 +33,7 @@
30
33
  top: -0.5em;
31
34
  }
32
35
 
33
- .video-js.skin_mini .vjs-progress-control {
36
+ .video-js.skin_news .vjs-progress-control {
34
37
  /* left: -6px; */
35
38
  position: relative;
36
39
  width: 100%;
@@ -41,19 +44,19 @@
41
44
 
42
45
 
43
46
 
44
- .video-js.skin_mini .vjs-custom-control-spacer {
47
+ .video-js.skin_news .vjs-custom-control-spacer {
45
48
  display: block;
46
49
  flex: 1 1 auto;
47
50
  }
48
51
 
49
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
52
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
50
53
  margin: 0 0px 0 0px;
51
54
  }
52
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
55
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
53
56
  display: none;
54
57
  }
55
58
 
56
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
59
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
57
60
  font-size: 14px;
58
61
  font-weight: 500;
59
62
  align-self: center;
@@ -62,158 +65,143 @@
62
65
  border-radius: 8px;
63
66
  }
64
67
 
65
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
66
- height: 5px !important;
68
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
69
+ height: 6px !important;
67
70
  }
68
71
 
69
- .video-js.skin_mini .vjs-play-progress:before {
70
- font-size: 1.3em;
72
+ .video-js.skin_news .vjs-play-progress:before {
73
+ font-size: 1.5em;
71
74
  line-height: unset;
72
75
  top: -0.3333333333em;
73
76
  }
74
77
 
75
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
78
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
76
79
  display: none !important;
77
80
  }
78
81
 
79
82
  /* */
80
- .video-js.skin_mini .vjs-mouse-display{
83
+ .video-js.skin_news .vjs-mouse-display{
81
84
  font-size: 1.6666666667em;
82
85
  }
83
86
 
84
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
87
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
85
88
  font-size: 1em !important;
86
89
  }
87
90
 
88
- .video-js.skin_mini .vjs-button{
89
- width: 3em;
91
+ .video-js.skin_news .vjs-button{
92
+ width: 5.3em;
90
93
  display: flex;
91
94
  align-items: center;
92
95
  justify-content: center;
93
96
  }
94
97
 
95
98
 
96
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
99
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
97
100
  .icon-maximize {
98
101
  display: block;
99
102
  height: 32px;
100
103
  }
101
104
 
102
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
105
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
103
106
  line-height: 4;
104
107
  }
105
108
 
106
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
109
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
107
110
  .icon-minimize {
108
111
  display: none;
109
112
  height: 32px;
110
113
  }
111
114
 
112
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
115
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
113
116
  outline: none !important;
114
117
  }
115
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
118
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
116
119
  .vjs-icon-fullscreen-enter:before {
117
120
  /* content: '' !important; */
118
121
  }
119
122
 
120
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
123
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
121
124
  display: flex;
122
125
  justify-content: center;
123
126
  align-items: center;
124
127
  /* transform: rotate(90deg); */
125
128
  }
126
129
 
127
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
130
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
128
131
  display: none;
129
132
  }
130
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
133
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
131
134
  margin-left: -10px;
132
- display: none;
133
- }
134
-
135
- .video-js.skin_mini .vjs-loading-spinner {
136
- position: absolute;
137
- top: 50%;
138
- left: 50%;
139
- transform: translate(-50%, -50%);
140
- opacity: .85;
141
- text-align: left;
142
- border: .2em solid rgba(43, 51, 63, .7);
143
- box-sizing: border-box;
144
- background-clip: padding-box;
145
- width: 3em;
146
- height: 3em;
147
- border-radius: 50%;
148
- visibility: hidden;
149
135
  }
150
136
 
151
- .video-js.skin_mini .skipbtn:hover{
137
+ .video-js.skin_news .skipbtn:hover{
152
138
  cursor: pointer;
153
139
  }
154
140
 
155
- .video-js.skin_mini .rewindbtn:hover{
141
+ .video-js.skin_news .rewindbtn:hover{
156
142
  cursor: pointer;
157
143
  }
158
144
 
159
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
145
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
160
146
  position: relative;
161
147
  padding-left: 0;
162
148
  }
163
149
 
164
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
165
- width: 40px;
166
- height: 40px;
167
- display: flex;
168
- justify-content: center;
169
- align-items: center;
170
- border: none;
171
- position: absolute;
172
- top: 0;
173
- left: 0;
174
- right: 0;
175
- bottom: 0;
176
- margin: auto;
177
- font-size: 3em;
178
- line-height: 1.3em;
179
- transform: none !important;
180
- border-radius: 1.3em;
150
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
151
+ display: none !important;
181
152
  }
182
153
 
183
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
154
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
+ width: 90px;
156
+ height: 90px;
157
+ display: flex;
158
+ justify-content: center;
159
+ align-items: center;
160
+ border-radius: 50%;
161
+ position: absolute;
162
+ top: 0;
163
+ left: 0;
164
+ right: 0;
165
+ bottom: 0;
166
+ margin: auto;
167
+ font-size: 6em;
168
+ line-height: 1.4em;
169
+ border: 0.05em solid;
170
+ color: inherit;
171
+ }
172
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
184
173
  font-weight: bold;
185
174
  }
186
175
 
187
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
188
- bottom: 1.1em !important;
189
- right: 1em;
176
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
177
+ bottom: 2.4em !important;
178
+ right: -1em;
190
179
  z-index: 1;
191
- font-size: 10px;
192
180
  }
193
181
 
194
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
182
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
195
183
  width: 24px !important;
196
184
  height: 24px !important;
197
185
  }
198
- .video-js.skin_mini .settings-selector-icon>svg{
186
+ .settings-selector-icon>svg{
199
187
  height: 19px !important;
200
188
  width: 19px !important;
201
189
  }
202
190
 
203
191
 
204
- .video-js.skin_mini button.vjs-rewind-button{
192
+ .video-js.skin_news button.vjs-rewind-button{
205
193
  cursor: pointer;
206
194
  }
207
195
 
208
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
196
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
197
  padding-right: 0;
210
198
  }
211
199
 
212
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
200
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
213
201
  padding-left: 0;
214
202
  }
215
203
 
216
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
204
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
217
205
  padding-left: 0;
218
206
  padding-right: 0;
219
207
  display: flex;
@@ -221,48 +209,46 @@
221
209
  width: min-content;
222
210
  }
223
211
 
224
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
212
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
225
213
  display: none
226
214
  }
227
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
215
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
228
216
  display: none
229
217
  }
230
218
 
231
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
232
- display: flex;
233
- align-items: center;
234
- font-weight: 700;
235
- font-size: 9px;
236
- min-width: 0.8em;
237
- padding-left: 0;
219
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
220
+ display: flex;
221
+ align-items: center;
222
+ font-weight: 700;
223
+ font-size: 12px;
224
+ min-width: 1.2em;
238
225
  }
239
226
 
240
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
227
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
241
228
  display: none;
242
229
  font-size: 11px;
243
230
  justify-content: center;
244
231
  align-items: center;
245
232
  user-select: none;
246
233
  }
247
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
234
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
248
235
  display: none;
249
236
  }
250
237
 
251
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
238
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
252
239
  height: min-content;
253
240
  width: min-content;
254
241
  }
255
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
256
- width: 3em;
257
- margin-right: 4px;
242
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
243
+ width: 6em;
258
244
  }
259
245
 
260
- .video-js.skin_mini .content{
246
+ .video-js.skin_news .content{
261
247
  bottom: 3.4rem !important;
262
248
  right: -4rem !important;
263
249
  }
264
250
 
265
- .video-js.skin_mini .setting-icon > svg{
251
+ .setting-icon > svg{
266
252
  height:18px !important;
267
253
  }
268
254
 
@@ -281,11 +267,10 @@ iframe{
281
267
  height: 100%;
282
268
  }
283
269
 
284
- .video-js.skin_mini .vjs-live-control{
270
+ .video-js.skin_news .vjs-live-control{
285
271
  align-items: center;
286
- max-width: 5em;
287
272
  }
288
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
273
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
289
274
  height: 2.2em;
290
275
  display: flex;
291
276
  align-items: center;
@@ -293,950 +278,965 @@ iframe{
293
278
  width: 4em;
294
279
  justify-content: center;
295
280
  background: red;
296
- margin: 4px 0px 4px 2px;
281
+ margin: 4px 0px 4px 12px;
297
282
  }
298
283
 
299
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
284
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
300
285
  text-shadow: none;
301
286
  }
302
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
287
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
303
288
  display: none;
304
289
  font-size: 12px;
305
290
  }
306
291
 
307
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
308
- height: 1.8em;
292
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
293
+ height: 2.2em;
309
294
  display: inline-flex;
310
295
  align-items: center;
311
- font-family: monospace;
296
+ /* font-family: monospace; */
312
297
  justify-content: center;
313
- border: 1.5px solid;
314
- margin: 4px 0px 4px 2px;
298
+ border: 2px solid;
299
+ margin: 4px 0px 4px 6px;
315
300
  white-space: pre;
316
- padding: 2px 4px;
301
+ padding: 0px 6px;
317
302
  font-size: 1.2em;
318
303
  font-weight: 500;
319
304
  color: rgba(255, 255, 2555, 0.7);
305
+
306
+ letter-spacing: -.1px;
307
+ line-height: normal;
308
+ text-transform: uppercase;
309
+ color: #FFFFFF;
310
+ opacity: .7;
311
+ font-family: "Proxima Nova";
320
312
  }
321
313
 
322
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
314
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
+ opacity: 1;
316
+ }
317
+
318
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
323
319
  content: "NOT LIVE";
324
- word-spacing: -4px;
325
320
  }
326
321
 
322
+ .settings-selection.vjs-control.vjs-button{
323
+ display: flex !important;
324
+ }
327
325
 
328
- @media(max-width:600px){
326
+ @media(max-width:576px){
327
+ .settings-selection.vjs-control.vjs-button{
328
+ display: none !important;
329
+ }
330
+ }
331
+
332
+
333
+ @media(max-width:576px){
329
334
  .tvProviderImage{
330
335
  display: none
331
336
  }
332
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
337
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
333
338
  .icon-maximize {
334
339
  height: 30px !important;
335
340
  }
336
341
 
337
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
342
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
338
343
  .icon-minimize {
339
344
  height: 30px !important;
340
345
  }
341
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
342
- width: 3.5em;
346
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
347
+ width: 4.5em;
343
348
  }
344
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
349
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
345
350
  height: min-content;
346
351
  }
347
352
 
348
- .video-js.skin_mini button.vjs-slowmo-button{
353
+ .video-js.skin_news button.vjs-slowmo-button{
349
354
  display: none;
350
355
  }
351
- .video-js.skin_mini button.vjs-rewind-button{
356
+ .video-js.skin_news button.vjs-rewind-button{
352
357
  display: none;
353
358
  }
354
- .video-js.skin_mini button.vjs-rewind-button>svg{
359
+ .video-js.skin_news button.vjs-rewind-button>svg{
355
360
  height: 20px;
356
361
  }
357
- .video-js.skin_mini .vjs-button{
358
- width: 3em;
362
+ .video-js.skin_news .vjs-button{
363
+ width: 4.8em;
359
364
  }
360
- .video-js.skin_mini .widget-selection{
365
+ .video-js.skin_news .widget-selection{
361
366
  display: none;
362
367
  }
363
- .video-js.skin_mini .container{
368
+ .video-js.skin_news .container{
364
369
  display: none !important;
365
370
  }
366
- .video-js.skin_mini .vjs-control-bar{
371
+ .video-js.skin_news .vjs-control-bar{
367
372
  height: 4em !important;
368
373
  }
369
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
374
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
370
375
  font-size: 2.5em;
371
376
  line-height: 1.5;
372
377
  }
373
- .video-js.skin_mini .vjs-play-progress:before {
378
+ .video-js.skin_news .vjs-play-progress:before {
374
379
  font-size: 1.2em;
375
380
  position: absolute;
376
381
  right: -0.5em;
377
382
  z-index: 1;
378
383
  }
379
- .video-js.skin_mini button.vjs-skip-button>svg{
384
+ .video-js.skin_news button.vjs-skip-button>svg{
380
385
  height: 20px;
381
386
  }
387
+ .video-js.skin_news button.vjs-big-play-button {
388
+ width: 50px !important;
389
+ height: 50px !important;
390
+ font-size: 2.1rem !important;
391
+ }
382
392
 
383
393
  .stream-selector-icon>svg{
384
394
  width: 24px;
385
395
  height: 24px;
386
396
  }
387
- .video-js.skin_mini .vjs-seek-to-live-text{
388
- font-size: 12px;
397
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
398
+ margin: 0 12px 0 12px;
389
399
  }
390
-
391
- .video-js.skin_mini .vjs-text-track-display-ttml span {
392
- color: white !important;
393
- font-size: 16px !important;
394
- background-color: rgba(0,0,0,0.2) !important;
395
- }
400
+ .video-js.skin_news .vjs-seek-to-live-text{
401
+ font-size: 12px;
396
402
  }
397
-
398
- .video-js.skin_mini .vjs-text-track-display-ttml span {
399
- color: white !important;
400
- font-size: 16px !important;
401
- background-color: rgba(0,0,0,0.2) !important;
403
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
404
+ margin: 0 12px 0 12px;
402
405
  }
403
-
404
- .video-js.skin_mini .vjs-text-track-display-ttml p {
405
- font-size: 18px !important;
406
406
  }
407
-
408
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
409
- margin-bottom: 1rem !important;
407
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
408
+ width: 90px;
409
+ height: 90px;
410
+ display: flex;
411
+ justify-content: center;
412
+ align-items: center;
413
+ border-radius: 50%;
414
+ position: absolute;
415
+ top: 0;
416
+ left: 0;
417
+ right: 0;
418
+ bottom: 0;
419
+ margin: auto;
420
+ font-size: 6em;
421
+ line-height: 1.4em;
410
422
  }
411
423
 
412
-
413
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
414
425
  display: flex;
415
426
  justify-content: center;
416
427
  align-items: center;
417
428
  height: 100%;
418
429
  transition: width 0.1s;
419
430
  }
420
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
421
- margin: 2px;
422
- }
423
431
 
424
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
432
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
433
  display: flex;
426
434
  justify-content: center;
427
435
  align-items: center;
428
436
  height: 100%;
429
437
  transition: width 0.1s;
430
438
  }
431
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
432
- display: grid;
433
- font-size: 10px;
434
- grid-template-columns: 1fr;
435
- grid-template-rows: 1fr;
436
- padding: 1px 0px 0 0px;
437
- margin: 0;
439
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
440
+ display: none !important;
441
+ }
442
+ .video-js.skin_news .ssai-ad-container{
443
+ position: absolute;
444
+ bottom: 14px;
438
445
  }
439
446
 
440
- @media (max-width: 600px) {
441
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
447
+ @media (max-width: 576px) {
448
+ .video-js.skin_news .ssai-ad-container{
449
+ bottom: 2px;
450
+ }
451
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
442
452
  height: 5px !important;
443
453
  }
454
+ .video-js.skin_news button.vjs-big-play-button {
455
+ width: 50px !important;
456
+ height: 50px !important;
457
+ font-size: 2.1rem !important;
458
+ }
444
459
 
445
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
460
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
446
461
  display: none;
447
462
  }
463
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
464
+ bottom: 2.4em !important;
465
+ right: -1em;
466
+ z-index: 1;
467
+ }
468
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
469
+ display: none !important;
470
+ }
471
+
472
+ .video-js.skin_news .vjs-text-track-display-ttml span {
473
+ color: white !important;
474
+ font-size: 13px !important;
475
+ background-color: black !important;
476
+ }
477
+ }
448
478
 
479
+ .video-js.skin_news .vjs-text-track-display-ttml span {
480
+ color: white !important;
481
+ font-size: 16px !important;
482
+ background-color: black !important;
449
483
  }
450
484
 
451
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
485
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
486
+ margin-bottom: 2rem !important;
487
+ }
488
+
489
+ .video-js.skin_news .vjs-text-track-display-ttml p {
490
+ font-size: 18px !important;
491
+ }
492
+
493
+
494
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
495
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
496
+ font-size: 1.2em !important;
497
+ line-height: 1.5em !important;
498
+ padding: 0.2em 0.8em !important;
499
+ }
500
+
501
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
452
502
  content: none !important;
453
503
  fill: none !important;
454
504
  filter: none !important;
455
505
  }
456
506
 
457
507
  /* svg icons opacity and hover effect */
458
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
508
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
459
509
  opacity: 0.7 !important;
460
510
  }
461
511
 
462
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
512
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
513
+ opacity: 1 !important;
514
+ }
515
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
516
+ opacity: 0.7 !important;
517
+ }
518
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
463
519
  opacity: 1 !important;
464
520
  }
465
521
 
466
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
522
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
467
523
  color: rgba(255, 255, 2555, 0.7)!important;
468
524
  }
469
525
 
470
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
526
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
471
527
  color: rgba(255, 255, 2555, 1)!important;
472
528
  }
473
529
 
474
530
 
475
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
476
- font-size: 2.2em;
477
- line-height: 2.6;
478
- }
479
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
480
- background: white;
531
+
532
+
533
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
534
+ height: 0.7em;
535
+ position: absolute;
536
+ top: -0.7em;
537
+ width: 100%;
481
538
  }
482
- .video-js.skin_news .vjs-control-bar{
483
- z-index: 1 !important;
484
- height: 5em !important;
485
- background: black !important;
539
+
540
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
541
+ height: 100%;
486
542
  }
487
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
488
- display: flex;
489
- align-items: center;
490
- justify-content: center;
543
+
544
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
545
+ line-height: 2.5;
491
546
  }
492
547
 
493
- .video-js.skin_news .vjs-fade>* {
494
- visibility: hidden !important;
495
- opacity: 0 !important;
496
- transition: visibility 1s, opacity 1s !important;
548
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
549
+ height: 19px;
550
+ width: 19px;
551
+ cursor: pointer;
552
+ }
553
+ .video-js.skin_vlone .vjs-control {
554
+ user-select: none;
555
+ }
556
+ .video-js.skin_vlone .vjs-custom-control-spacer{
557
+ user-select: none;
497
558
  }
498
559
 
499
- .video-js.skin_news .custom-spaced-progress-bar {
500
- position: absolute;
501
- width: 100%;
502
- display: flex;
503
- height: 0.5em;
504
- top: -0.5em;
560
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
561
+ height: 19px;
562
+ width: 19px;
563
+ cursor: pointer;
505
564
  }
506
565
 
507
- .video-js.skin_news .vjs-progress-control {
508
- /* left: -6px; */
509
- position: relative;
510
- width: 100%;
511
- height: 0.5em;
512
- transition: height 0.1s, top 0.1s;
566
+ .video-js.skin_vlone .vjs-play-progress:before {
567
+ display: none !important;
513
568
  }
514
569
 
570
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
571
+ margin: 0 !important;
515
572
 
573
+ }
516
574
 
517
575
 
518
- .video-js.skin_news .vjs-custom-control-spacer {
519
- display: block;
520
- flex: 1 1 auto;
576
+ .video-js.skin_vlone .vjs-custom-control-spacer {
577
+ display: block;
578
+ flex: 1 1 auto;
521
579
  }
522
580
 
523
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
524
- margin: 0 0px 0 0px;
525
- }
526
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
527
- display: none;
581
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
582
+ z-index: 1;
528
583
  }
529
584
 
530
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
531
- font-size: 14px;
532
- font-weight: 500;
533
- align-self: center;
534
- height: min-content;
535
- padding: 5px 2px;
536
- border-radius: 8px;
537
- }
538
585
 
539
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
540
- height: 6px !important;
586
+ .video-js.skin_vlone .vjs-control-bar {
587
+ height: 40px;
541
588
  }
542
589
 
543
- .video-js.skin_news .vjs-play-progress:before {
544
- font-size: 1.5em;
545
- line-height: unset;
546
- top: -0.3333333333em;
590
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
591
+ .vjs-button>.vjs-icon-placeholder:before {
592
+ position: relative !important;
547
593
  }
548
-
549
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
550
- display: none !important;
594
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
595
+ display: flex;
596
+ left: 0px;
597
+ top: -1px;
551
598
  }
552
599
 
553
- /* */
554
- .video-js.skin_news .vjs-mouse-display{
555
- font-size: 1.6666666667em;
600
+ .vjs-button>.vjs-icon-placeholder:before {
601
+ font-size: 2em !important;
556
602
  }
557
603
 
558
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
559
- font-size: 1em !important;
604
+ .video-js.skin_vlone .vjs-control {
605
+ width: 4.3em;
560
606
  }
561
607
 
562
- .video-js.skin_news .vjs-button{
563
- width: 5.3em;
564
- display: flex;
565
- align-items: center;
566
- justify-content: center;
608
+ .vjs-menu-button-popup .vjs-menu {
609
+ bottom: 10px !important;
567
610
  }
568
611
 
569
612
 
570
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
571
- .icon-maximize {
572
- display: block;
573
- height: 32px;
574
- }
613
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
614
+ height: 1.3em;
615
+ position: absolute;
616
+ top: -1.3em;
617
+ transition: height 0.3s, top 0.3s;
618
+ }
575
619
 
576
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
577
- line-height: 4;
620
+
621
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
622
+ display: none !important;
578
623
  }
579
624
 
580
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
581
- .icon-minimize {
625
+ .video-js.skin_vlone .vjs-time-control {
626
+ display: block;
627
+ }
628
+ .video-js.skin_vlone .vjs-remaining-time {
582
629
  display: none;
583
- height: 32px;
584
630
  }
585
631
 
586
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
587
- outline: none !important;
588
- }
589
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
590
- .vjs-icon-fullscreen-enter:before {
591
- /* content: '' !important; */
632
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
633
+ line-height: 3.5em;
634
+ font-size: 1.1em;
635
+ min-width: 4em;
592
636
  }
593
637
 
594
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
595
- display: flex;
596
- justify-content: center;
597
- align-items: center;
598
- /* transform: rotate(90deg); */
638
+ .video-js.skin_vlone .vjs-time-divider > div{
639
+ display: flex;
640
+ justify-content: center;
599
641
  }
600
642
 
601
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
602
- display: none;
643
+ .video-js.skin_vlone .vjs-live-control{
644
+ align-items: center;
603
645
  }
604
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
605
- margin-left: -10px;
646
+ .video-js.skin_vlone .vjs-live-display{
647
+ height: 2.2em;
648
+ display: flex;
649
+ align-items: center;
650
+ font-family: monospace;
651
+ width: 4em;
652
+ justify-content: center;
653
+ background: red;
654
+ margin: 4px 0px 4px 12px;
606
655
  }
607
-
608
- .video-js.skin_news .skipbtn:hover{
609
- cursor: pointer;
656
+ .video-js.skin_vlone .vjs-live-display:hover{
657
+ cursor: pointer;
610
658
  }
611
659
 
612
- .video-js.skin_news .rewindbtn:hover{
613
- cursor: pointer;
660
+ .video-js.skin_vlone .vjs-time-control {
661
+ line-height: 3.5em !important;
662
+ font-size: 1.1em !important;
663
+ width: min-content !important;
664
+ min-width: 1.5em;
665
+ padding: 0 !important;
666
+ user-select: none;
614
667
  }
615
668
 
616
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
617
- position: relative;
618
- padding-left: 0;
669
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
670
+ margin-left: 16px !important;
619
671
  }
620
672
 
621
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
622
- display: none !important;
673
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
674
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
675
+ font-size: 1.2em !important;
676
+ line-height: 1.5em !important;
677
+ padding: 0.2em 0.8em !important;
623
678
  }
624
679
 
625
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
626
- width: 90px;
627
- height: 90px;
680
+
681
+ /* Big play */
682
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
683
+ width: 80px;
684
+ height: 80px;
628
685
  display: flex;
629
686
  justify-content: center;
630
687
  align-items: center;
631
- border-radius: 50%;
688
+ border: none;
632
689
  position: absolute;
633
690
  top: 0;
634
691
  left: 0;
635
692
  right: 0;
636
693
  bottom: 0;
637
694
  margin: auto;
638
- font-size: 6em;
639
- line-height: 1.4em;
640
- border: 0.05em solid;
641
- color: inherit;
695
+ font-size: 5em;
696
+ line-height: 1.3em;
697
+ transform: none !important;
698
+ border-radius: 1.3em;
642
699
  }
643
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
644
- font-weight: bold;
700
+ .video-js.skin_vlone .ssai-ad-container{
701
+ position: absolute;
702
+ bottom: 4px;
645
703
  }
704
+
705
+ @media(max-width:600px){
706
+ .video-js.skin_vlone button.vjs-big-play-button {
707
+ width: 50px !important;
708
+ height: 50px !important;
709
+ font-size: 2.1rem !important;
710
+ }
646
711
 
647
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
648
- bottom: 2.4em !important;
649
- right: -1em;
650
- z-index: 1;
712
+ .video-js.skin_vlone .ssai-ad-container {
713
+ position: absolute;
714
+ bottom: 2px;
715
+ }
716
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
717
+ display: none;
651
718
  }
652
719
 
653
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
654
- width: 24px !important;
655
- height: 24px !important;
720
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
721
+ display: none;
656
722
  }
657
- .settings-selector-icon>svg{
658
- height: 19px !important;
659
- width: 19px !important;
723
+
724
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
725
+ display: none;
660
726
  }
727
+ }
728
+
661
729
 
662
730
 
663
- .video-js.skin_news button.vjs-rewind-button{
664
- cursor: pointer;
731
+ .video-js .content {
732
+ border-radius: 0;
733
+ background-color: rgba(43, 51, 63, 0.7);
665
734
  }
666
-
667
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
668
- padding-right: 0;
735
+ .video-js .resolution {
736
+ min-width: 100px;
669
737
  }
670
-
671
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
672
- padding-left: 0;
738
+ .video-js .content .resolution .title {
739
+ display: none;
673
740
  }
674
-
675
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
676
- padding-left: 0;
677
- padding-right: 0;
678
- display: flex;
679
- justify-content: center;
680
- width: min-content;
741
+ .video-js .resolution .rendition{
742
+ display: flex;
743
+ list-style: none;
744
+ margin: 0;
745
+ line-height: 1.4em;
746
+ font-size: 12px;
747
+ text-align: center;
681
748
  }
682
-
683
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
684
- display: none
749
+ .video-js .rendition {
750
+ padding: 4px 20px;
685
751
  }
686
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
687
- display: none
752
+ .video-js .rendition span {
753
+ background: none;
688
754
  }
689
-
690
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
691
- display: flex;
692
- align-items: center;
693
- font-weight: 700;
694
- font-size: 12px;
695
- min-width: 1.2em;
755
+ .video-js .resolution .renditions .relative:hover {
756
+ background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
696
757
  }
697
-
698
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
699
- display: none;
700
- font-size: 11px;
701
- justify-content: center;
702
- align-items: center;
703
- user-select: none;
758
+ .video-js .resolution .renditions .relative .rendition.selected {
759
+ background-color: #fff;
760
+ color: #2B333F;
761
+ font-weight: normal;
704
762
  }
705
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
706
- display: none;
763
+
764
+ .video-js .resolution .renditions .relative .rendition.selected span{
765
+ color: #2B333F;
766
+ font-weight: bold
707
767
  }
708
768
 
709
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
710
- height: min-content;
711
- width: min-content;
769
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
770
+ font-size: 2.2em;
771
+ line-height: 2.6;
712
772
  }
713
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
714
- width: 6em;
773
+ .video-js.skin_mini{
774
+ overflow: hidden;
715
775
  }
716
-
717
- .video-js.skin_news .content{
718
- bottom: 3.4rem !important;
719
- right: -4rem !important;
776
+ .video-js.skin_mini .vjs-control-bar{
777
+ z-index: 1 !important;
778
+ height: 4em !important;
779
+ background: black !important;
720
780
  }
721
781
 
722
- .setting-icon > svg{
723
- height:18px !important;
782
+ .video-js.skin_mini .vjs-fade>* {
783
+ visibility: hidden !important;
784
+ opacity: 0 !important;
785
+ transition: visibility 1s, opacity 1s !important;
724
786
  }
725
787
 
726
- .output-overlay{
788
+ .video-js.skin_mini .custom-spaced-progress-bar {
727
789
  position: absolute;
728
- bottom: 0;
729
- height: 100%;
730
790
  width: 100%;
731
- z-index: 0;
732
- border: 0;
733
- pointer-events:none
791
+ display: flex;
792
+ height: 0.5em;
793
+ top: -0.5em;
734
794
  }
735
795
 
736
- iframe{
796
+ .video-js.skin_mini .vjs-progress-control {
797
+ /* left: -6px; */
798
+ position: relative;
737
799
  width: 100%;
738
- height: 100%;
800
+ height: 0.5em;
801
+ transition: height 0.1s, top 0.1s;
739
802
  }
740
803
 
741
- .video-js.skin_news .vjs-live-control{
742
- align-items: center;
743
- }
744
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
745
- height: 2.2em;
746
- display: flex;
747
- align-items: center;
748
- font-family: monospace;
749
- width: 4em;
750
- justify-content: center;
751
- background: red;
752
- margin: 4px 0px 4px 12px;
753
- }
754
804
 
755
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
756
- text-shadow: none;
757
- }
758
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
759
- display: none;
760
- font-size: 12px;
761
- }
762
805
 
763
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
764
- height: 2.2em;
765
- display: inline-flex;
766
- align-items: center;
767
- /* font-family: monospace; */
768
- justify-content: center;
769
- border: 2px solid;
770
- margin: 4px 0px 4px 6px;
771
- white-space: pre;
772
- padding: 0px 6px;
773
- font-size: 1.2em;
774
- font-weight: 500;
775
- color: rgba(255, 255, 2555, 0.7);
776
806
 
777
- letter-spacing: -.1px;
778
- line-height: normal;
779
- text-transform: uppercase;
780
- color: #FFFFFF;
781
- opacity: .7;
782
- font-family: "Proxima Nova";
807
+ .video-js.skin_mini .vjs-custom-control-spacer {
808
+ display: block;
809
+ flex: 1 1 auto;
783
810
  }
784
811
 
785
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
786
- opacity: 1;
812
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
813
+ margin: 0 0px 0 0px;
787
814
  }
788
-
789
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
790
- content: "NOT LIVE";
815
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
816
+ display: none;
791
817
  }
792
818
 
793
- .settings-selection.vjs-control.vjs-button{
794
- display: flex !important;
819
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
820
+ font-size: 14px;
821
+ font-weight: 500;
822
+ align-self: center;
823
+ height: min-content;
824
+ padding: 5px 2px;
825
+ border-radius: 8px;
795
826
  }
796
827
 
797
- @media(max-width:576px){
798
- .settings-selection.vjs-control.vjs-button{
799
- display: none !important;
800
- }
828
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
829
+ height: 5px !important;
801
830
  }
802
831
 
832
+ .video-js.skin_mini .vjs-play-progress:before {
833
+ font-size: 1.3em;
834
+ line-height: unset;
835
+ top: -0.3333333333em;
836
+ }
803
837
 
804
- @media(max-width:576px){
805
- .tvProviderImage{
806
- display: none
807
- }
808
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
809
- .icon-maximize {
810
- height: 30px !important;
811
- }
812
-
813
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
814
- .icon-minimize {
815
- height: 30px !important;
816
- }
817
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
818
- width: 4.5em;
819
- }
820
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
821
- height: min-content;
822
- }
823
-
824
- .video-js.skin_news button.vjs-slowmo-button{
825
- display: none;
826
- }
827
- .video-js.skin_news button.vjs-rewind-button{
828
- display: none;
829
- }
830
- .video-js.skin_news button.vjs-rewind-button>svg{
831
- height: 20px;
832
- }
833
- .video-js.skin_news .vjs-button{
834
- width: 4.8em;
835
- }
836
- .video-js.skin_news .widget-selection{
837
- display: none;
838
- }
839
- .video-js.skin_news .container{
840
- display: none !important;
841
- }
842
- .video-js.skin_news .vjs-control-bar{
843
- height: 4em !important;
844
- }
845
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
846
- font-size: 2.5em;
847
- line-height: 1.5;
848
- }
849
- .video-js.skin_news .vjs-play-progress:before {
850
- font-size: 1.2em;
851
- position: absolute;
852
- right: -0.5em;
853
- z-index: 1;
838
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
839
+ display: none !important;
854
840
  }
855
- .video-js.skin_news button.vjs-skip-button>svg{
856
- height: 20px;
841
+
842
+ /* */
843
+ .video-js.skin_mini .vjs-mouse-display{
844
+ font-size: 1.6666666667em;
857
845
  }
858
- .video-js.skin_news button.vjs-big-play-button {
859
- width: 50px !important;
860
- height: 50px !important;
861
- font-size: 2.1rem !important;
846
+
847
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
848
+ font-size: 1em !important;
862
849
  }
863
850
 
864
- .stream-selector-icon>svg{
865
- width: 24px;
866
- height: 24px;
851
+ .video-js.skin_mini .vjs-button{
852
+ width: 3em;
853
+ display: flex;
854
+ align-items: center;
855
+ justify-content: center;
867
856
  }
868
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
869
- margin: 0 12px 0 12px;
857
+
858
+
859
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
860
+ .icon-maximize {
861
+ display: block;
862
+ height: 32px;
870
863
  }
871
- .video-js.skin_news .vjs-seek-to-live-text{
872
- font-size: 12px;
864
+
865
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
866
+ line-height: 4;
873
867
  }
874
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
875
- margin: 0 12px 0 12px;
868
+
869
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
870
+ .icon-minimize {
871
+ display: none;
872
+ height: 32px;
876
873
  }
874
+
875
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
876
+ outline: none !important;
877
877
  }
878
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
879
- width: 90px;
880
- height: 90px;
881
- display: flex;
882
- justify-content: center;
883
- align-items: center;
884
- border-radius: 50%;
885
- position: absolute;
886
- top: 0;
887
- left: 0;
888
- right: 0;
889
- bottom: 0;
890
- margin: auto;
891
- font-size: 6em;
892
- line-height: 1.4em;
878
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
879
+ .vjs-icon-fullscreen-enter:before {
880
+ /* content: '' !important; */
893
881
  }
894
882
 
895
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
883
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
896
884
  display: flex;
897
885
  justify-content: center;
898
886
  align-items: center;
899
- height: 100%;
900
- transition: width 0.1s;
887
+ /* transform: rotate(90deg); */
901
888
  }
902
889
 
903
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
904
- display: flex;
905
- justify-content: center;
906
- align-items: center;
907
- height: 100%;
908
- transition: width 0.1s;
890
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
891
+ display: none;
909
892
  }
910
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
911
- display: none !important;
893
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
894
+ margin-left: -10px;
895
+ display: none;
912
896
  }
913
- .video-js.skin_news .ssai-ad-container{
897
+
898
+ .video-js.skin_mini .vjs-loading-spinner {
914
899
  position: absolute;
915
- bottom: 14px;
900
+ top: 50%;
901
+ left: 50%;
902
+ transform: translate(-50%, -50%);
903
+ opacity: .85;
904
+ text-align: left;
905
+ border: .2em solid rgba(43, 51, 63, .7);
906
+ box-sizing: border-box;
907
+ background-clip: padding-box;
908
+ width: 3em;
909
+ height: 3em;
910
+ border-radius: 50%;
911
+ visibility: hidden;
916
912
  }
917
913
 
918
- @media (max-width: 576px) {
919
- .video-js.skin_news .ssai-ad-container{
920
- bottom: 2px;
921
- }
922
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
923
- height: 5px !important;
924
- }
925
- .video-js.skin_news button.vjs-big-play-button {
926
- width: 50px !important;
927
- height: 50px !important;
928
- font-size: 2.1rem !important;
929
- }
930
-
931
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
932
- display: none;
933
- }
934
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
935
- bottom: 2.4em !important;
936
- right: -1em;
937
- z-index: 1;
914
+ .video-js.skin_mini .skipbtn:hover{
915
+ cursor: pointer;
938
916
  }
939
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
940
- display: none !important;
941
- }
942
917
 
943
- .video-js.skin_news .vjs-text-track-display-ttml span {
944
- color: white !important;
945
- font-size: 13px !important;
946
- background-color: black !important;
947
- }
918
+ .video-js.skin_mini .rewindbtn:hover{
919
+ cursor: pointer;
948
920
  }
949
921
 
950
- .video-js.skin_news .vjs-text-track-display-ttml span {
951
- color: white !important;
952
- font-size: 16px !important;
953
- background-color: black !important;
922
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
923
+ position: relative;
924
+ padding-left: 0;
954
925
  }
955
926
 
956
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
957
- margin-bottom: 2rem !important;
927
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
928
+ width: 40px;
929
+ height: 40px;
930
+ display: flex;
931
+ justify-content: center;
932
+ align-items: center;
933
+ border: none;
934
+ position: absolute;
935
+ top: 0;
936
+ left: 0;
937
+ right: 0;
938
+ bottom: 0;
939
+ margin: auto;
940
+ font-size: 3em;
941
+ line-height: 1.3em;
942
+ transform: none !important;
943
+ border-radius: 1.3em;
958
944
  }
959
945
 
960
- .video-js.skin_news .vjs-text-track-display-ttml p {
961
- font-size: 18px !important;
946
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
947
+ font-weight: bold;
962
948
  }
963
949
 
964
-
965
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
966
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
967
- font-size: 1.2em !important;
968
- line-height: 1.5em !important;
969
- padding: 0.2em 0.8em !important;
950
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
951
+ bottom: 1.1em !important;
952
+ right: 1em;
953
+ z-index: 1;
954
+ font-size: 10px;
970
955
  }
971
956
 
972
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
973
- content: none !important;
974
- fill: none !important;
975
- filter: none !important;
957
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
958
+ width: 24px !important;
959
+ height: 24px !important;
976
960
  }
977
-
978
- /* svg icons opacity and hover effect */
979
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
980
- opacity: 0.7 !important;
961
+ .video-js.skin_mini .settings-selector-icon>svg{
962
+ height: 19px !important;
963
+ width: 19px !important;
981
964
  }
982
965
 
983
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
984
- opacity: 1 !important;
985
- }
986
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
987
- opacity: 0.7 !important;
988
- }
989
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
990
- opacity: 1 !important;
991
- }
992
966
 
993
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
994
- color: rgba(255, 255, 2555, 0.7)!important;
967
+ .video-js.skin_mini button.vjs-rewind-button{
968
+ cursor: pointer;
995
969
  }
996
970
 
997
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
998
- color: rgba(255, 255, 2555, 1)!important;
971
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
972
+ padding-right: 0;
999
973
  }
1000
974
 
1001
-
1002
-
1003
-
1004
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1005
- height: 0.7em;
1006
- position: absolute;
1007
- top: -0.7em;
1008
- width: 100%;
975
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
976
+ padding-left: 0;
1009
977
  }
1010
978
 
1011
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1012
- height: 100%;
979
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
980
+ padding-left: 0;
981
+ padding-right: 0;
982
+ display: flex;
983
+ justify-content: center;
984
+ width: min-content;
1013
985
  }
1014
986
 
1015
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1016
- line-height: 2.5;
987
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
988
+ display: none
989
+ }
990
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
991
+ display: none
1017
992
  }
1018
993
 
1019
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1020
- height: 19px;
1021
- width: 19px;
1022
- cursor: pointer;
994
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
995
+ display: flex;
996
+ align-items: center;
997
+ font-weight: 700;
998
+ font-size: 9px;
999
+ min-width: 0.8em;
1000
+ padding-left: 0;
1023
1001
  }
1024
- .video-js.skin_vlone .vjs-control {
1025
- user-select: none;
1002
+
1003
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1004
+ display: none;
1005
+ font-size: 11px;
1006
+ justify-content: center;
1007
+ align-items: center;
1008
+ user-select: none;
1026
1009
  }
1027
- .video-js.skin_vlone .vjs-custom-control-spacer{
1028
- user-select: none;
1010
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1011
+ display: none;
1029
1012
  }
1030
1013
 
1031
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1032
- height: 19px;
1033
- width: 19px;
1034
- cursor: pointer;
1014
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1015
+ height: min-content;
1016
+ width: min-content;
1035
1017
  }
1036
-
1037
- .video-js.skin_vlone .vjs-play-progress:before {
1038
- display: none !important;
1018
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1019
+ width: 3em;
1020
+ margin-right: 4px;
1039
1021
  }
1040
1022
 
1041
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1042
- margin: 0 !important;
1043
-
1023
+ .video-js.skin_mini .content{
1024
+ bottom: 3.4rem !important;
1025
+ right: -4rem !important;
1044
1026
  }
1045
1027
 
1046
-
1047
- .video-js.skin_vlone .vjs-custom-control-spacer {
1048
- display: block;
1049
- flex: 1 1 auto;
1028
+ .video-js.skin_mini .setting-icon > svg{
1029
+ height:18px !important;
1050
1030
  }
1051
1031
 
1052
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1053
- z-index: 1;
1032
+ .output-overlay{
1033
+ position: absolute;
1034
+ bottom: 0;
1035
+ height: 100%;
1036
+ width: 100%;
1037
+ z-index: 0;
1038
+ border: 0;
1039
+ pointer-events:none
1054
1040
  }
1055
1041
 
1056
-
1057
- .video-js.skin_vlone .vjs-control-bar {
1058
- height: 40px;
1042
+ iframe{
1043
+ width: 100%;
1044
+ height: 100%;
1059
1045
  }
1060
1046
 
1061
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1062
- .vjs-button>.vjs-icon-placeholder:before {
1063
- position: relative !important;
1047
+ .video-js.skin_mini .vjs-live-control{
1048
+ align-items: center;
1049
+ max-width: 5em;
1064
1050
  }
1065
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1066
- display: flex;
1067
- left: 0px;
1068
- top: -1px;
1051
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1052
+ height: 2.2em;
1053
+ display: flex;
1054
+ align-items: center;
1055
+ font-family: monospace;
1056
+ width: 4em;
1057
+ justify-content: center;
1058
+ background: red;
1059
+ margin: 4px 0px 4px 2px;
1069
1060
  }
1070
1061
 
1071
- .vjs-button>.vjs-icon-placeholder:before {
1072
- font-size: 2em !important;
1062
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1063
+ text-shadow: none;
1064
+ }
1065
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1066
+ display: none;
1067
+ font-size: 12px;
1073
1068
  }
1074
1069
 
1075
- .video-js.skin_vlone .vjs-control {
1076
- width: 4.3em;
1070
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1071
+ height: 1.8em;
1072
+ display: inline-flex;
1073
+ align-items: center;
1074
+ font-family: monospace;
1075
+ justify-content: center;
1076
+ border: 1.5px solid;
1077
+ margin: 4px 0px 4px 2px;
1078
+ white-space: pre;
1079
+ padding: 2px 4px;
1080
+ font-size: 1.2em;
1081
+ font-weight: 500;
1082
+ color: rgba(255, 255, 2555, 0.7);
1077
1083
  }
1078
1084
 
1079
- .vjs-menu-button-popup .vjs-menu {
1080
- bottom: 10px !important;
1085
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1086
+ content: "NOT LIVE";
1087
+ word-spacing: -4px;
1081
1088
  }
1082
1089
 
1083
1090
 
1084
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1085
- height: 1.3em;
1086
- position: absolute;
1087
- top: -1.3em;
1088
- transition: height 0.3s, top 0.3s;
1089
- }
1091
+ @media(max-width:600px){
1092
+ .tvProviderImage{
1093
+ display: none
1094
+ }
1095
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1096
+ .icon-maximize {
1097
+ height: 30px !important;
1098
+ }
1090
1099
 
1100
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1101
+ .icon-minimize {
1102
+ height: 30px !important;
1103
+ }
1104
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1105
+ width: 3.5em;
1106
+ }
1107
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1108
+ height: min-content;
1109
+ }
1091
1110
 
1092
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1111
+ .video-js.skin_mini button.vjs-slowmo-button{
1112
+ display: none;
1113
+ }
1114
+ .video-js.skin_mini button.vjs-rewind-button{
1115
+ display: none;
1116
+ }
1117
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1118
+ height: 20px;
1119
+ }
1120
+ .video-js.skin_mini .vjs-button{
1121
+ width: 3em;
1122
+ }
1123
+ .video-js.skin_mini .widget-selection{
1124
+ display: none;
1125
+ }
1126
+ .video-js.skin_mini .container{
1093
1127
  display: none !important;
1128
+ }
1129
+ .video-js.skin_mini .vjs-control-bar{
1130
+ height: 4em !important;
1131
+ }
1132
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1133
+ font-size: 2.5em;
1134
+ line-height: 1.5;
1135
+ }
1136
+ .video-js.skin_mini .vjs-play-progress:before {
1137
+ font-size: 1.2em;
1138
+ position: absolute;
1139
+ right: -0.5em;
1140
+ z-index: 1;
1094
1141
  }
1095
-
1096
- .video-js.skin_vlone .vjs-time-control {
1097
- display: block;
1098
- }
1099
- .video-js.skin_vlone .vjs-remaining-time {
1100
- display: none;
1142
+ .video-js.skin_mini button.vjs-skip-button>svg{
1143
+ height: 20px;
1101
1144
  }
1102
1145
 
1103
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1104
- line-height: 3.5em;
1105
- font-size: 1.1em;
1106
- min-width: 4em;
1146
+ .stream-selector-icon>svg{
1147
+ width: 24px;
1148
+ height: 24px;
1107
1149
  }
1108
-
1109
- .video-js.skin_vlone .vjs-time-divider > div{
1110
- display: flex;
1111
- justify-content: center;
1150
+ .video-js.skin_mini .vjs-seek-to-live-text{
1151
+ font-size: 12px;
1112
1152
  }
1113
1153
 
1114
- .video-js.skin_vlone .vjs-live-control{
1115
- align-items: center;
1116
- }
1117
- .video-js.skin_vlone .vjs-live-display{
1118
- height: 2.2em;
1119
- display: flex;
1120
- align-items: center;
1121
- font-family: monospace;
1122
- width: 4em;
1123
- justify-content: center;
1124
- background: red;
1125
- margin: 4px 0px 4px 12px;
1126
- }
1127
- .video-js.skin_vlone .vjs-live-display:hover{
1128
- cursor: pointer;
1154
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1155
+ color: white !important;
1156
+ font-size: 16px !important;
1157
+ background-color: rgba(0,0,0,0.2) !important;
1158
+ }
1129
1159
  }
1130
1160
 
1131
- .video-js.skin_vlone .vjs-time-control {
1132
- line-height: 3.5em !important;
1133
- font-size: 1.1em !important;
1134
- width: min-content !important;
1135
- min-width: 1.5em;
1136
- padding: 0 !important;
1137
- user-select: none;
1161
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1162
+ color: white !important;
1163
+ font-size: 16px !important;
1164
+ background-color: rgba(0,0,0,0.2) !important;
1138
1165
  }
1139
1166
 
1140
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1141
- margin-left: 16px !important;
1167
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1168
+ font-size: 18px !important;
1142
1169
  }
1143
1170
 
1144
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1145
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1146
- font-size: 1.2em !important;
1147
- line-height: 1.5em !important;
1148
- padding: 0.2em 0.8em !important;
1171
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1172
+ margin-bottom: 1rem !important;
1149
1173
  }
1150
1174
 
1151
1175
 
1152
- /* Big play */
1153
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1154
- width: 80px;
1155
- height: 80px;
1156
- display: flex;
1157
- justify-content: center;
1158
- align-items: center;
1159
- border: none;
1160
- position: absolute;
1161
- top: 0;
1162
- left: 0;
1163
- right: 0;
1164
- bottom: 0;
1165
- margin: auto;
1166
- font-size: 5em;
1167
- line-height: 1.3em;
1168
- transform: none !important;
1169
- border-radius: 1.3em;
1176
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1177
+ display: flex;
1178
+ justify-content: center;
1179
+ align-items: center;
1180
+ height: 100%;
1181
+ transition: width 0.1s;
1170
1182
  }
1171
- .video-js.skin_vlone .ssai-ad-container{
1172
- position: absolute;
1173
- bottom: 4px;
1183
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1184
+ margin: 2px;
1174
1185
  }
1175
-
1176
- @media(max-width:600px){
1177
- .video-js.skin_vlone button.vjs-big-play-button {
1178
- width: 50px !important;
1179
- height: 50px !important;
1180
- font-size: 2.1rem !important;
1181
- }
1182
1186
 
1183
- .video-js.skin_vlone .ssai-ad-container {
1184
- position: absolute;
1185
- bottom: 2px;
1187
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1188
+ display: flex;
1189
+ justify-content: center;
1190
+ align-items: center;
1191
+ height: 100%;
1192
+ transition: width 0.1s;
1186
1193
  }
1187
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1188
- display: none;
1194
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1195
+ display: grid;
1196
+ font-size: 10px;
1197
+ grid-template-columns: 1fr;
1198
+ grid-template-rows: 1fr;
1199
+ padding: 1px 0px 0 0px;
1200
+ margin: 0;
1189
1201
  }
1190
1202
 
1191
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1192
- display: none;
1193
- }
1203
+ @media (max-width: 600px) {
1204
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1205
+ height: 5px !important;
1206
+ }
1194
1207
 
1195
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1208
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1196
1209
  display: none;
1197
- }
1198
- }
1199
-
1200
-
1210
+ }
1201
1211
 
1202
- .video-js .content {
1203
- border-radius: 0;
1204
- background-color: rgba(43, 51, 63, 0.7);
1205
- }
1206
- .video-js .resolution {
1207
- min-width: 100px;
1208
- }
1209
- .video-js .content .resolution .title {
1210
- display: none;
1211
- }
1212
- .video-js .resolution .rendition{
1213
- display: flex;
1214
- list-style: none;
1215
- margin: 0;
1216
- line-height: 1.4em;
1217
- font-size: 12px;
1218
- text-align: center;
1219
1212
  }
1220
- .video-js .rendition {
1221
- padding: 4px 20px;
1213
+
1214
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1215
+ content: none !important;
1216
+ fill: none !important;
1217
+ filter: none !important;
1222
1218
  }
1223
- .video-js .rendition span {
1224
- background: none;
1219
+
1220
+ /* svg icons opacity and hover effect */
1221
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1222
+ opacity: 0.7 !important;
1225
1223
  }
1226
- .video-js .resolution .renditions .relative:hover {
1227
- background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
1224
+
1225
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1226
+ opacity: 1 !important;
1228
1227
  }
1229
- .video-js .resolution .renditions .relative .rendition.selected {
1230
- background-color: #fff;
1231
- color: #2B333F;
1232
- font-weight: normal;
1228
+
1229
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1230
+ color: rgba(255, 255, 2555, 0.7)!important;
1233
1231
  }
1234
1232
 
1235
- .video-js .resolution .renditions .relative .rendition.selected span{
1236
- color: #2B333F;
1237
- font-weight: bold
1233
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1234
+ color: rgba(255, 255, 2555, 1)!important;
1238
1235
  }
1239
1236
 
1237
+
1238
+
1239
+
1240
1240
  .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1241
1241
  font-size: 2.2em;
1242
1242
  line-height: 2.6;
@@ -1920,6 +1920,8 @@ iframe{
1920
1920
 
1921
1921
 
1922
1922
 
1923
+
1924
+
1923
1925
  .video-js .multicamera-parent.default{
1924
1926
  height: 345px;
1925
1927
  position: absolute;
@@ -1999,6 +2001,7 @@ iframe{
1999
2001
  }
2000
2002
 
2001
2003
 
2004
+
2002
2005
  .vjs-custom-big-mute.vjs-control{
2003
2006
  position: absolute;
2004
2007
  align-items: center;
@@ -2047,9 +2050,6 @@ iframe{
2047
2050
  width: 22px;
2048
2051
  }
2049
2052
 
2050
-
2051
-
2052
-
2053
2053
  /* nextep */
2054
2054
  .next-ep-preview{
2055
2055
  position: absolute;