@viewlift/player-backup 2.0.256-backup → 2.0.257-backup

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