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