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