@viewlift/player-backup 2.0.291-backup → 2.0.292-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 (70) hide show
  1. package/cjs/{autoNextVideo-19386762.js → autoNextVideo-d783039e.js} +1 -1
  2. package/cjs/bundle.css +572 -572
  3. package/cjs/{caption-settings-058ad013.js → caption-settings-5efc7591.js} +1 -1
  4. package/cjs/{captions-d98c49d6.js → captions-5f9611f1.js} +1 -1
  5. package/cjs/{features-2cdc4e39.js → features-e77b2cc5.js} +1 -1
  6. package/cjs/generic-690f32fe.js +1 -0
  7. package/cjs/{index-81c8f4a1.js → index-248cea68.js} +1 -1
  8. package/cjs/{index-955b603e.js → index-9c86b65a.js} +1 -1
  9. package/cjs/{index-50e69a99.js → index-b6608461.js} +1 -1
  10. package/cjs/{index-004fc85d.js → index-ba862bae.js} +1 -1
  11. package/cjs/index.js +1 -1
  12. package/cjs/{multicamv2-1bdf2c52.js → multicamv2-420b64ce.js} +1 -1
  13. package/cjs/{multicamv2-56120328.js → multicamv2-a43f64a1.js} +1 -1
  14. package/cjs/{nextEpisodeButton-290b490f.js → nextEpisodeButton-a0c35a98.js} +1 -1
  15. package/cjs/{playlist-7b61a3c6.js → playlist-51489f94.js} +1 -1
  16. package/cjs/{renditions-6554142b.js → renditions-6f165ef5.js} +1 -1
  17. package/cjs/{resolution-c33a67fb.js → resolution-19103db5.js} +1 -1
  18. package/cjs/{series-20fe0127.js → series-9abe4870.js} +1 -1
  19. package/cjs/{series-v2-5ccc7a93.js → series-v2-4630b42f.js} +1 -1
  20. package/cjs/{series-v2-4d05ebf8.js → series-v2-828e87bd.js} +1 -1
  21. package/cjs/{settings-icon-1efd3e23.js → settings-icon-43534947.js} +1 -1
  22. package/cjs/{skin-e0cf4554.js → skin-16ae23af.js} +1 -1
  23. package/cjs/{skin-c72adb59.js → skin-25f9f101.js} +1 -1
  24. package/cjs/{skin-41b0c02d.js → skin-3abb4521.js} +1 -1
  25. package/cjs/{skin-c08b2d3f.js → skin-64830002.js} +1 -1
  26. package/cjs/{skin-1f5cd68e.js → skin-737b56f1.js} +1 -1
  27. package/cjs/{skin-12b4d86a.js → skin-7e07993b.js} +1 -1
  28. package/cjs/{skin-9d79794a.js → skin-bfa66ca0.js} +1 -1
  29. package/cjs/{skin-ac3c64df.js → skin-cf55d6a4.js} +1 -1
  30. package/cjs/{skin-ba07e8dc.js → skin-dff6e173.js} +1 -1
  31. package/cjs/{skin-00029c75.js → skin-e7515c1a.js} +1 -1
  32. package/cjs/{videoSelector-95e64eba.js → videoSelector-3d5ff1bf.js} +1 -1
  33. package/cjs/{videoSelector-ab05bccb.js → videoSelector-7b25405a.js} +1 -1
  34. package/esm/{autoNextVideo-379bbdc2.js → autoNextVideo-c799bcd9.js} +1 -1
  35. package/esm/bundle.css +572 -572
  36. package/esm/{caption-settings-a9b6581e.js → caption-settings-cfb1368b.js} +1 -1
  37. package/esm/{captions-9659ee8f.js → captions-89897207.js} +1 -1
  38. package/esm/{features-dbc6b07e.js → features-a8a9f436.js} +1 -1
  39. package/esm/generic-2e248650.js +1 -0
  40. package/esm/{index-ac572236.js → index-2621a170.js} +1 -1
  41. package/esm/{index-b62e0f74.js → index-bb7166ff.js} +1 -1
  42. package/esm/{index-8566dca0.js → index-c957fc87.js} +1 -1
  43. package/esm/{index-ae4cf675.js → index-cad73f72.js} +1 -1
  44. package/esm/index.js +1 -1
  45. package/esm/{multicamv2-de90d28f.js → multicamv2-49b2f54d.js} +1 -1
  46. package/esm/{multicamv2-a84ce8b3.js → multicamv2-acbd2e35.js} +1 -1
  47. package/esm/{nextEpisodeButton-bffd417f.js → nextEpisodeButton-f2bddf2c.js} +1 -1
  48. package/esm/{playlist-100ecdfe.js → playlist-8f26ed93.js} +1 -1
  49. package/esm/{renditions-4eddc06a.js → renditions-ee4e8582.js} +1 -1
  50. package/esm/{resolution-46076e4a.js → resolution-879fc9c0.js} +1 -1
  51. package/esm/{series-8ef8fdfa.js → series-82908795.js} +1 -1
  52. package/esm/{series-v2-551f67e8.js → series-v2-6be7f616.js} +1 -1
  53. package/esm/{series-v2-76f5001b.js → series-v2-ed3a799c.js} +1 -1
  54. package/esm/{settings-icon-60394554.js → settings-icon-851014b6.js} +1 -1
  55. package/esm/skin-0abde216.js +1 -0
  56. package/esm/{skin-a6c3353b.js → skin-503626ae.js} +1 -1
  57. package/esm/{skin-e4073063.js → skin-5cf211bb.js} +1 -1
  58. package/esm/{skin-1c1aa7a5.js → skin-739f37c9.js} +1 -1
  59. package/esm/{skin-41718675.js → skin-9061acb8.js} +1 -1
  60. package/esm/{skin-fdbbacca.js → skin-b64addd2.js} +1 -1
  61. package/esm/{skin-4280c73d.js → skin-bc25c1dc.js} +1 -1
  62. package/esm/{skin-80e062bd.js → skin-c27ab30f.js} +1 -1
  63. package/esm/{skin-dddf388c.js → skin-ece7709a.js} +1 -1
  64. package/esm/{skin-f9ec12e3.js → skin-f0691120.js} +1 -1
  65. package/esm/{videoSelector-93246044.js → videoSelector-0148241c.js} +1 -1
  66. package/esm/{videoSelector-13ae5477.js → videoSelector-ca70dece.js} +1 -1
  67. package/package.json +5 -2
  68. package/cjs/generic-5b90c727.js +0 -1
  69. package/esm/generic-b3643a73.js +0 -1
  70. package/esm/skin-e2592aa4.js +0 -1
package/esm/bundle.css CHANGED
@@ -1,31 +1,31 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
4
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
5
5
  font-size: 2.2em;
6
6
  line-height: 2.6;
7
7
  }
8
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
- background: white;
8
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
9
+ background: #fcb700;
10
10
  }
11
- .video-js.skin_news .vjs-control-bar{
11
+ .video-js.skin_news_live .vjs-control-bar{
12
12
  z-index: 1 !important;
13
13
  height: 5em !important;
14
14
  background: black !important;
15
15
  }
16
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
16
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
17
17
  display: flex;
18
18
  align-items: center;
19
19
  justify-content: center;
20
20
  }
21
21
 
22
- .video-js.skin_news .vjs-fade>* {
22
+ .video-js.skin_news_live .vjs-fade>* {
23
23
  visibility: hidden !important;
24
24
  opacity: 0 !important;
25
25
  transition: visibility 1s, opacity 1s !important;
26
26
  }
27
27
 
28
- .video-js.skin_news .custom-spaced-progress-bar {
28
+ .video-js.skin_news_live .custom-spaced-progress-bar {
29
29
  position: absolute;
30
30
  width: 100%;
31
31
  display: flex;
@@ -33,7 +33,7 @@
33
33
  top: -0.5em;
34
34
  }
35
35
 
36
- .video-js.skin_news .vjs-progress-control {
36
+ .video-js.skin_news_live .vjs-progress-control {
37
37
  /* left: -6px; */
38
38
  position: relative;
39
39
  width: 100%;
@@ -41,22 +41,25 @@
41
41
  transition: height 0.1s, top 0.1s;
42
42
  }
43
43
 
44
+ .video-js.skin_news_live .vjs-volume-panel{
45
+ min-width: 5.3em;
46
+ }
44
47
 
45
48
 
46
49
 
47
- .video-js.skin_news .vjs-custom-control-spacer {
48
- display: block;
49
- flex: 1 1 auto;
50
+ .video-js.skin_news_live .vjs-custom-control-spacer {
51
+ /* display: block; */
52
+ /* flex: 1 1 auto; */
50
53
  }
51
54
 
52
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
55
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
53
56
  margin: 0 0px 0 0px;
54
57
  }
55
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
58
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
56
59
  display: none;
57
60
  }
58
61
 
59
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
62
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
60
63
  font-size: 14px;
61
64
  font-weight: 500;
62
65
  align-self: center;
@@ -65,30 +68,30 @@
65
68
  border-radius: 8px;
66
69
  }
67
70
 
68
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
71
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
69
72
  height: 6px !important;
70
73
  }
71
74
 
72
- .video-js.skin_news .vjs-play-progress:before {
75
+ .video-js.skin_news_live .vjs-play-progress:before {
73
76
  font-size: 1.5em;
74
77
  line-height: unset;
75
78
  top: -0.3333333333em;
76
79
  }
77
80
 
78
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
81
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
79
82
  display: none !important;
80
83
  }
81
84
 
82
85
  /* */
83
- .video-js.skin_news .vjs-mouse-display{
86
+ .video-js.skin_news_live .vjs-mouse-display{
84
87
  font-size: 1.6666666667em;
85
88
  }
86
89
 
87
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
90
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
88
91
  font-size: 1em !important;
89
92
  }
90
93
 
91
- .video-js.skin_news .vjs-button{
94
+ .video-js.skin_news_live .vjs-button{
92
95
  width: 5.3em;
93
96
  display: flex;
94
97
  align-items: center;
@@ -96,63 +99,71 @@
96
99
  }
97
100
 
98
101
 
99
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
102
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
100
103
  .icon-maximize {
101
104
  display: block;
102
105
  height: 32px;
103
106
  }
104
107
 
105
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
108
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
106
109
  line-height: 4;
107
110
  }
108
111
 
109
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
112
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
110
113
  .icon-minimize {
111
114
  display: none;
112
115
  height: 32px;
113
116
  }
114
117
 
115
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
118
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
116
119
  outline: none !important;
120
+ /* flex: 1; */
117
121
  }
118
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
122
+ .video-js.skin_news_live .vjs-play-toggle-container{
123
+ display: flex;
124
+ flex: 1;
125
+ justify-content: center;
126
+ }
127
+
128
+
129
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
119
130
  .vjs-icon-fullscreen-enter:before {
120
131
  /* content: '' !important; */
121
132
  }
122
133
 
123
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
134
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
124
135
  display: flex;
125
136
  justify-content: center;
126
137
  align-items: center;
127
138
  /* transform: rotate(90deg); */
128
139
  }
129
140
 
130
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
141
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
131
142
  display: none;
132
143
  }
133
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
144
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
134
145
  margin-left: -10px;
135
146
  }
136
147
 
137
- .video-js.skin_news .skipbtn:hover{
148
+ .video-js.skin_news_live .skipbtn:hover{
138
149
  cursor: pointer;
139
150
  }
140
151
 
141
- .video-js.skin_news .rewindbtn:hover{
152
+ .video-js.skin_news_live .rewindbtn:hover{
142
153
  cursor: pointer;
143
154
  }
144
155
 
145
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
156
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
146
157
  position: relative;
147
158
  padding-left: 0;
148
159
  }
149
160
 
150
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
161
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
151
162
  display: none !important;
152
163
  }
153
164
 
154
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
- width: 90px;
165
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
166
+ /* width: 90px;
156
167
  height: 90px;
157
168
  display: flex;
158
169
  justify-content: center;
@@ -167,19 +178,20 @@
167
178
  font-size: 6em;
168
179
  line-height: 1.4em;
169
180
  border: 0.05em solid;
170
- color: inherit;
181
+ color: inherit; */
182
+ display: none !important;
171
183
  }
172
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
184
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
173
185
  font-weight: bold;
174
186
  }
175
187
 
176
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
188
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
177
189
  bottom: 2.4em !important;
178
190
  right: -1em;
179
191
  z-index: 1;
180
192
  }
181
193
 
182
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
194
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
183
195
  width: 24px !important;
184
196
  height: 24px !important;
185
197
  }
@@ -189,34 +201,34 @@
189
201
  }
190
202
 
191
203
 
192
- .video-js.skin_news button.vjs-rewind-button{
204
+ .video-js.skin_news_live button.vjs-rewind-button{
193
205
  cursor: pointer;
194
206
  }
195
207
 
196
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
208
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
197
209
  padding-right: 0;
210
+ display: none;
198
211
  }
199
212
 
200
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
213
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
201
214
  padding-left: 0;
215
+ display: none;
202
216
  }
203
217
 
204
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
218
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
205
219
  padding-left: 0;
206
220
  padding-right: 0;
207
- display: flex;
208
- justify-content: center;
209
- width: min-content;
221
+ display: none;
210
222
  }
211
223
 
212
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
224
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
213
225
  display: none
214
226
  }
215
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
227
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
216
228
  display: none
217
229
  }
218
230
 
219
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
231
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
220
232
  display: flex;
221
233
  align-items: center;
222
234
  font-weight: 700;
@@ -224,26 +236,26 @@
224
236
  min-width: 1.2em;
225
237
  }
226
238
 
227
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
239
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
228
240
  display: none;
229
241
  font-size: 11px;
230
242
  justify-content: center;
231
243
  align-items: center;
232
244
  user-select: none;
233
245
  }
234
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
246
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
235
247
  display: none;
236
248
  }
237
249
 
238
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
250
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
239
251
  height: min-content;
240
252
  width: min-content;
241
253
  }
242
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
254
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
243
255
  width: 6em;
244
256
  }
245
257
 
246
- .video-js.skin_news .content{
258
+ .video-js.skin_news_live .content{
247
259
  bottom: 3.4rem !important;
248
260
  right: -4rem !important;
249
261
  }
@@ -262,15 +274,16 @@
262
274
  pointer-events:none
263
275
  }
264
276
 
265
- .video-js.skin_news iframe{
277
+ .video-js.skin_news_live iframe{
266
278
  width: 100%;
267
279
  height: 100%;
268
280
  }
269
281
 
270
- .video-js.skin_news .vjs-live-control{
282
+ .video-js.skin_news_live .vjs-live-control{
271
283
  align-items: center;
284
+ display: none;
272
285
  }
273
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
286
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
274
287
  height: 2.2em;
275
288
  display: flex;
276
289
  align-items: center;
@@ -281,43 +294,22 @@
281
294
  margin: 4px 0px 4px 12px;
282
295
  }
283
296
 
284
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
297
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
285
298
  text-shadow: none;
286
299
  }
287
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
288
- display: none;
289
- font-size: 12px;
290
- }
291
300
 
292
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
293
- height: 2.2em;
294
- display: inline-flex;
295
- align-items: center;
296
- /* font-family: monospace; */
301
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
302
+ display: flex;
297
303
  justify-content: center;
298
- border: 2px solid;
299
- margin: 4px 0px 4px 6px;
300
- white-space: pre;
301
- padding: 0px 6px;
302
- font-size: 1.2em;
303
- font-weight: 500;
304
- color: rgba(255, 255, 2555, 0.7);
305
-
306
- letter-spacing: -.1px;
307
- line-height: normal;
308
- text-transform: uppercase;
309
- color: #FFFFFF;
310
- opacity: .7;
311
- font-family: "Proxima Nova";
304
+ min-width: 5.3em;
305
+ pointer-events: none;
306
+ user-select: none;
312
307
  }
313
308
 
314
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
- opacity: 1;
309
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
310
+ color: white;
316
311
  }
317
312
 
318
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
319
- content: "NOT LIVE";
320
- }
321
313
 
322
314
  .settings-selection.vjs-control.vjs-button{
323
315
  display: flex !important;
@@ -334,57 +326,57 @@
334
326
  .tvProviderImage{
335
327
  display: none
336
328
  }
337
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
329
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
338
330
  .icon-maximize {
339
331
  height: 30px !important;
340
332
  }
341
333
 
342
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
334
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
343
335
  .icon-minimize {
344
336
  height: 30px !important;
345
337
  }
346
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
338
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
347
339
  width: 4.5em;
348
340
  }
349
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
341
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
350
342
  height: min-content;
351
343
  }
352
344
 
353
- .video-js.skin_news button.vjs-slowmo-button{
345
+ .video-js.skin_news_live button.vjs-slowmo-button{
354
346
  display: none;
355
347
  }
356
- .video-js.skin_news button.vjs-rewind-button{
348
+ .video-js.skin_news_live button.vjs-rewind-button{
357
349
  display: none;
358
350
  }
359
- .video-js.skin_news button.vjs-rewind-button>svg{
351
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
360
352
  height: 20px;
361
353
  }
362
- .video-js.skin_news .vjs-button{
354
+ .video-js.skin_news_live .vjs-button{
363
355
  width: 4.8em;
364
356
  }
365
- .video-js.skin_news .widget-selection{
357
+ .video-js.skin_news_live .widget-selection{
366
358
  display: none;
367
359
  }
368
- .video-js.skin_news .container{
360
+ .video-js.skin_news_live .container{
369
361
  display: none !important;
370
362
  }
371
- .video-js.skin_news .vjs-control-bar{
363
+ .video-js.skin_news_live .vjs-control-bar{
372
364
  height: 4em !important;
373
365
  }
374
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
366
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
375
367
  font-size: 2.5em;
376
368
  line-height: 1.5;
377
369
  }
378
- .video-js.skin_news .vjs-play-progress:before {
370
+ .video-js.skin_news_live .vjs-play-progress:before {
379
371
  font-size: 1.2em;
380
372
  position: absolute;
381
373
  right: -0.5em;
382
374
  z-index: 1;
383
375
  }
384
- .video-js.skin_news button.vjs-skip-button>svg{
376
+ .video-js.skin_news_live button.vjs-skip-button>svg{
385
377
  height: 20px;
386
378
  }
387
- .video-js.skin_news button.vjs-big-play-button {
379
+ .video-js.skin_news_live button.vjs-big-play-button {
388
380
  width: 50px !important;
389
381
  height: 50px !important;
390
382
  font-size: 2.1rem !important;
@@ -394,17 +386,17 @@
394
386
  width: 24px;
395
387
  height: 24px;
396
388
  }
397
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
389
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
398
390
  margin: 0 12px 0 12px;
399
391
  }
400
- .video-js.skin_news .vjs-seek-to-live-text{
392
+ .video-js.skin_news_live .vjs-seek-to-live-text{
401
393
  font-size: 12px;
402
394
  }
403
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
395
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
404
396
  margin: 0 12px 0 12px;
405
397
  }
406
398
  }
407
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
399
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
408
400
  width: 90px;
409
401
  height: 90px;
410
402
  display: flex;
@@ -421,7 +413,7 @@
421
413
  line-height: 1.4em;
422
414
  }
423
415
 
424
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
416
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
417
  display: flex;
426
418
  justify-content: center;
427
419
  align-items: center;
@@ -429,29 +421,22 @@
429
421
  transition: width 0.1s;
430
422
  }
431
423
 
432
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
433
425
  display: flex;
434
426
  justify-content: center;
435
427
  align-items: center;
436
428
  height: 100%;
437
429
  transition: width 0.1s;
438
430
  }
439
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
431
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
440
432
  display: none !important;
441
433
  }
442
- .video-js.skin_news .ssai-ad-container{
443
- position: absolute;
444
- bottom: 14px;
445
- }
446
434
 
447
435
  @media (max-width: 576px) {
448
- .video-js.skin_news .ssai-ad-container{
449
- bottom: 2px;
450
- }
451
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
436
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
452
437
  height: 5px !important;
453
438
  }
454
- .video-js.skin_news button.vjs-big-play-button {
439
+ .video-js.skin_news_live button.vjs-big-play-button {
455
440
  width: 50px !important;
456
441
  height: 50px !important;
457
442
  font-size: 2.1rem !important;
@@ -460,96 +445,89 @@
460
445
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
461
446
  display: none;
462
447
  }
463
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
448
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
464
449
  bottom: 2.4em !important;
465
450
  right: -1em;
466
451
  z-index: 1;
467
452
  }
468
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
453
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
469
454
  display: none !important;
470
455
  }
471
456
 
472
- .video-js.skin_news .vjs-text-track-display-ttml span {
473
- color: white;
474
- font-size: 13px;
475
- background-color: black;
457
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
458
+ color: white !important;
459
+ font-size: 13px !important;
460
+ background-color: black !important;
476
461
  }
477
462
  }
478
463
 
479
- .video-js.skin_news .vjs-text-track-display-ttml span {
480
- color: white;
481
- font-size: 16px;
482
- background-color: black;
464
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
465
+ width: 100% !important;
483
466
  }
484
467
 
485
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
468
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
469
+ color: white !important;
470
+ font-size: 16px !important;
471
+ background-color: black !important;
472
+ }
473
+
474
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
486
475
  margin-bottom: 2rem !important;
487
476
  }
488
477
 
489
- .video-js.skin_news .vjs-text-track-display-ttml p {
478
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
490
479
  font-size: 18px !important;
491
480
  }
492
481
 
493
482
 
494
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
495
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
483
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
484
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
496
485
  font-size: 1.2em !important;
497
486
  line-height: 1.5em !important;
498
487
  padding: 0.2em 0.8em !important;
499
488
  }
500
489
 
501
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
490
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
502
491
  content: none !important;
503
492
  fill: none !important;
504
493
  filter: none !important;
505
494
  }
506
495
 
507
- /* svg icons opacity and hover effect */
508
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
509
- opacity: 0.7 !important;
496
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
497
+ color: rgba(255, 255, 2555, 0.7)!important;
510
498
  }
511
499
 
512
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
513
- opacity: 1 !important;
514
- }
515
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
516
- opacity: 0.7 !important;
517
- }
518
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
519
- opacity: 1 !important;
520
- }
521
-
522
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
523
- color: rgba(255, 255, 2555, 0.7)!important;
524
- }
525
-
526
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
500
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
527
501
  color: rgba(255, 255, 2555, 1)!important;
528
502
  }
529
503
 
530
504
 
531
505
 
532
-
533
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
506
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
534
507
  font-size: 2.2em;
535
508
  line-height: 2.6;
536
509
  }
537
- .video-js.skin_mini{
538
- overflow: hidden;
510
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
511
+ background: white;
539
512
  }
540
- .video-js.skin_mini .vjs-control-bar{
513
+ .video-js.skin_news .vjs-control-bar{
541
514
  z-index: 1 !important;
542
- height: 4em !important;
515
+ height: 5em !important;
543
516
  background: black !important;
544
517
  }
518
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
519
+ display: flex;
520
+ align-items: center;
521
+ justify-content: center;
522
+ }
545
523
 
546
- .video-js.skin_mini .vjs-fade>* {
524
+ .video-js.skin_news .vjs-fade>* {
547
525
  visibility: hidden !important;
548
526
  opacity: 0 !important;
549
527
  transition: visibility 1s, opacity 1s !important;
550
528
  }
551
529
 
552
- .video-js.skin_mini .custom-spaced-progress-bar {
530
+ .video-js.skin_news .custom-spaced-progress-bar {
553
531
  position: absolute;
554
532
  width: 100%;
555
533
  display: flex;
@@ -557,7 +535,7 @@
557
535
  top: -0.5em;
558
536
  }
559
537
 
560
- .video-js.skin_mini .vjs-progress-control {
538
+ .video-js.skin_news .vjs-progress-control {
561
539
  /* left: -6px; */
562
540
  position: relative;
563
541
  width: 100%;
@@ -568,19 +546,19 @@
568
546
 
569
547
 
570
548
 
571
- .video-js.skin_mini .vjs-custom-control-spacer {
549
+ .video-js.skin_news .vjs-custom-control-spacer {
572
550
  display: block;
573
551
  flex: 1 1 auto;
574
552
  }
575
553
 
576
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
554
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
577
555
  margin: 0 0px 0 0px;
578
556
  }
579
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
557
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
580
558
  display: none;
581
559
  }
582
560
 
583
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
561
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
584
562
  font-size: 14px;
585
563
  font-weight: 500;
586
564
  align-self: center;
@@ -589,158 +567,143 @@
589
567
  border-radius: 8px;
590
568
  }
591
569
 
592
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
593
- height: 5px !important;
570
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
571
+ height: 6px !important;
594
572
  }
595
573
 
596
- .video-js.skin_mini .vjs-play-progress:before {
597
- font-size: 1.3em;
574
+ .video-js.skin_news .vjs-play-progress:before {
575
+ font-size: 1.5em;
598
576
  line-height: unset;
599
577
  top: -0.3333333333em;
600
578
  }
601
579
 
602
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
580
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
603
581
  display: none !important;
604
582
  }
605
583
 
606
584
  /* */
607
- .video-js.skin_mini .vjs-mouse-display{
585
+ .video-js.skin_news .vjs-mouse-display{
608
586
  font-size: 1.6666666667em;
609
587
  }
610
588
 
611
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
589
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
612
590
  font-size: 1em !important;
613
591
  }
614
592
 
615
- .video-js.skin_mini .vjs-button{
616
- width: 3em;
593
+ .video-js.skin_news .vjs-button{
594
+ width: 5.3em;
617
595
  display: flex;
618
596
  align-items: center;
619
597
  justify-content: center;
620
598
  }
621
599
 
622
600
 
623
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
601
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
624
602
  .icon-maximize {
625
603
  display: block;
626
604
  height: 32px;
627
605
  }
628
606
 
629
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
607
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
630
608
  line-height: 4;
631
609
  }
632
610
 
633
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
611
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
634
612
  .icon-minimize {
635
613
  display: none;
636
614
  height: 32px;
637
615
  }
638
616
 
639
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
617
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
640
618
  outline: none !important;
641
619
  }
642
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
620
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
643
621
  .vjs-icon-fullscreen-enter:before {
644
622
  /* content: '' !important; */
645
623
  }
646
624
 
647
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
625
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
648
626
  display: flex;
649
627
  justify-content: center;
650
628
  align-items: center;
651
629
  /* transform: rotate(90deg); */
652
630
  }
653
631
 
654
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
632
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
655
633
  display: none;
656
634
  }
657
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
635
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
658
636
  margin-left: -10px;
659
- display: none;
660
- }
661
-
662
- .video-js.skin_mini .vjs-loading-spinner {
663
- position: absolute;
664
- top: 50%;
665
- left: 50%;
666
- transform: translate(-50%, -50%);
667
- opacity: .85;
668
- text-align: left;
669
- border: .2em solid rgba(43, 51, 63, .7);
670
- box-sizing: border-box;
671
- background-clip: padding-box;
672
- width: 3em;
673
- height: 3em;
674
- border-radius: 50%;
675
- visibility: hidden;
676
637
  }
677
638
 
678
- .video-js.skin_mini .skipbtn:hover{
639
+ .video-js.skin_news .skipbtn:hover{
679
640
  cursor: pointer;
680
641
  }
681
642
 
682
- .video-js.skin_mini .rewindbtn:hover{
643
+ .video-js.skin_news .rewindbtn:hover{
683
644
  cursor: pointer;
684
645
  }
685
646
 
686
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
647
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
687
648
  position: relative;
688
649
  padding-left: 0;
689
650
  }
690
651
 
691
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
692
- width: 40px;
693
- height: 40px;
694
- display: flex;
695
- justify-content: center;
696
- align-items: center;
697
- border: none;
698
- position: absolute;
699
- top: 0;
700
- left: 0;
701
- right: 0;
702
- bottom: 0;
703
- margin: auto;
704
- font-size: 3em;
705
- line-height: 1.3em;
706
- transform: none !important;
707
- border-radius: 1.3em;
652
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
653
+ display: none !important;
708
654
  }
709
655
 
710
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
656
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
657
+ width: 90px;
658
+ height: 90px;
659
+ display: flex;
660
+ justify-content: center;
661
+ align-items: center;
662
+ border-radius: 50%;
663
+ position: absolute;
664
+ top: 0;
665
+ left: 0;
666
+ right: 0;
667
+ bottom: 0;
668
+ margin: auto;
669
+ font-size: 6em;
670
+ line-height: 1.4em;
671
+ border: 0.05em solid;
672
+ color: inherit;
673
+ }
674
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
711
675
  font-weight: bold;
712
676
  }
713
677
 
714
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
715
- bottom: 1.1em !important;
716
- right: 1em;
678
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
679
+ bottom: 2.4em !important;
680
+ right: -1em;
717
681
  z-index: 1;
718
- font-size: 10px;
719
682
  }
720
683
 
721
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
684
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
722
685
  width: 24px !important;
723
686
  height: 24px !important;
724
687
  }
725
- .video-js.skin_mini .settings-selector-icon>svg{
688
+ .settings-selector-icon>svg{
726
689
  height: 19px !important;
727
690
  width: 19px !important;
728
691
  }
729
692
 
730
693
 
731
- .video-js.skin_mini button.vjs-rewind-button{
694
+ .video-js.skin_news button.vjs-rewind-button{
732
695
  cursor: pointer;
733
696
  }
734
697
 
735
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
698
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
736
699
  padding-right: 0;
737
700
  }
738
701
 
739
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
702
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
740
703
  padding-left: 0;
741
704
  }
742
705
 
743
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
706
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
744
707
  padding-left: 0;
745
708
  padding-right: 0;
746
709
  display: flex;
@@ -748,48 +711,46 @@
748
711
  width: min-content;
749
712
  }
750
713
 
751
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
714
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
752
715
  display: none
753
716
  }
754
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
717
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
755
718
  display: none
756
719
  }
757
720
 
758
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
759
- display: flex;
760
- align-items: center;
761
- font-weight: 700;
762
- font-size: 9px;
763
- min-width: 0.8em;
764
- padding-left: 0;
721
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
722
+ display: flex;
723
+ align-items: center;
724
+ font-weight: 700;
725
+ font-size: 12px;
726
+ min-width: 1.2em;
765
727
  }
766
728
 
767
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
729
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
768
730
  display: none;
769
731
  font-size: 11px;
770
732
  justify-content: center;
771
733
  align-items: center;
772
734
  user-select: none;
773
735
  }
774
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
736
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
775
737
  display: none;
776
738
  }
777
739
 
778
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
740
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
779
741
  height: min-content;
780
742
  width: min-content;
781
743
  }
782
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
783
- width: 3em;
784
- margin-right: 4px;
744
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
745
+ width: 6em;
785
746
  }
786
747
 
787
- .video-js.skin_mini .content{
748
+ .video-js.skin_news .content{
788
749
  bottom: 3.4rem !important;
789
750
  right: -4rem !important;
790
751
  }
791
752
 
792
- .video-js.skin_mini .setting-icon > svg{
753
+ .setting-icon > svg{
793
754
  height:18px !important;
794
755
  }
795
756
 
@@ -803,16 +764,15 @@
803
764
  pointer-events:none
804
765
  }
805
766
 
806
- .video-js.skin_mini iframe{
767
+ .video-js.skin_news iframe{
807
768
  width: 100%;
808
769
  height: 100%;
809
770
  }
810
771
 
811
- .video-js.skin_mini .vjs-live-control{
772
+ .video-js.skin_news .vjs-live-control{
812
773
  align-items: center;
813
- max-width: 5em;
814
774
  }
815
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
775
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
816
776
  height: 2.2em;
817
777
  display: flex;
818
778
  align-items: center;
@@ -820,210 +780,277 @@
820
780
  width: 4em;
821
781
  justify-content: center;
822
782
  background: red;
823
- margin: 4px 0px 4px 2px;
783
+ margin: 4px 0px 4px 12px;
824
784
  }
825
785
 
826
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
786
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
827
787
  text-shadow: none;
828
788
  }
829
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
789
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
830
790
  display: none;
831
791
  font-size: 12px;
832
792
  }
833
793
 
834
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
835
- height: 1.8em;
794
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
795
+ height: 2.2em;
836
796
  display: inline-flex;
837
797
  align-items: center;
838
- font-family: monospace;
798
+ /* font-family: monospace; */
839
799
  justify-content: center;
840
- border: 1.5px solid;
841
- margin: 4px 0px 4px 2px;
800
+ border: 2px solid;
801
+ margin: 4px 0px 4px 6px;
842
802
  white-space: pre;
843
- padding: 2px 4px;
803
+ padding: 0px 6px;
844
804
  font-size: 1.2em;
845
805
  font-weight: 500;
846
806
  color: rgba(255, 255, 2555, 0.7);
807
+
808
+ letter-spacing: -.1px;
809
+ line-height: normal;
810
+ text-transform: uppercase;
811
+ color: #FFFFFF;
812
+ opacity: .7;
813
+ font-family: "Proxima Nova";
847
814
  }
848
815
 
849
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
816
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
817
+ opacity: 1;
818
+ }
819
+
820
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
850
821
  content: "NOT LIVE";
851
- word-spacing: -4px;
852
822
  }
853
823
 
824
+ .settings-selection.vjs-control.vjs-button{
825
+ display: flex !important;
826
+ }
854
827
 
855
- @media(max-width:600px){
828
+ @media(max-width:576px){
829
+ .settings-selection.vjs-control.vjs-button{
830
+ display: none !important;
831
+ }
832
+ }
833
+
834
+
835
+ @media(max-width:576px){
856
836
  .tvProviderImage{
857
837
  display: none
858
838
  }
859
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
839
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
860
840
  .icon-maximize {
861
841
  height: 30px !important;
862
842
  }
863
843
 
864
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
844
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
865
845
  .icon-minimize {
866
846
  height: 30px !important;
867
847
  }
868
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
869
- width: 3.5em;
848
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
849
+ width: 4.5em;
870
850
  }
871
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
851
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
872
852
  height: min-content;
873
853
  }
874
854
 
875
- .video-js.skin_mini button.vjs-slowmo-button{
855
+ .video-js.skin_news button.vjs-slowmo-button{
876
856
  display: none;
877
857
  }
878
- .video-js.skin_mini button.vjs-rewind-button{
858
+ .video-js.skin_news button.vjs-rewind-button{
879
859
  display: none;
880
860
  }
881
- .video-js.skin_mini button.vjs-rewind-button>svg{
861
+ .video-js.skin_news button.vjs-rewind-button>svg{
882
862
  height: 20px;
883
863
  }
884
- .video-js.skin_mini .vjs-button{
885
- width: 3em;
864
+ .video-js.skin_news .vjs-button{
865
+ width: 4.8em;
886
866
  }
887
- .video-js.skin_mini .widget-selection{
867
+ .video-js.skin_news .widget-selection{
888
868
  display: none;
889
869
  }
890
- .video-js.skin_mini .container{
870
+ .video-js.skin_news .container{
891
871
  display: none !important;
892
872
  }
893
- .video-js.skin_mini .vjs-control-bar{
873
+ .video-js.skin_news .vjs-control-bar{
894
874
  height: 4em !important;
895
875
  }
896
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
876
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
897
877
  font-size: 2.5em;
898
878
  line-height: 1.5;
899
879
  }
900
- .video-js.skin_mini .vjs-play-progress:before {
880
+ .video-js.skin_news .vjs-play-progress:before {
901
881
  font-size: 1.2em;
902
882
  position: absolute;
903
883
  right: -0.5em;
904
884
  z-index: 1;
905
885
  }
906
- .video-js.skin_mini button.vjs-skip-button>svg{
886
+ .video-js.skin_news button.vjs-skip-button>svg{
907
887
  height: 20px;
908
888
  }
889
+ .video-js.skin_news button.vjs-big-play-button {
890
+ width: 50px !important;
891
+ height: 50px !important;
892
+ font-size: 2.1rem !important;
893
+ }
909
894
 
910
895
  .stream-selector-icon>svg{
911
896
  width: 24px;
912
897
  height: 24px;
913
898
  }
914
- .video-js.skin_mini .vjs-seek-to-live-text{
915
- font-size: 12px;
899
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
900
+ margin: 0 12px 0 12px;
916
901
  }
917
-
918
- .video-js.skin_mini .vjs-text-track-display-ttml span {
919
- color: white !important;
920
- font-size: 16px !important;
921
- background-color: rgba(0,0,0,0.2) !important;
922
- }
902
+ .video-js.skin_news .vjs-seek-to-live-text{
903
+ font-size: 12px;
923
904
  }
924
-
925
- .video-js.skin_mini .vjs-text-track-display-ttml span {
926
- color: white !important;
927
- font-size: 16px !important;
928
- background-color: rgba(0,0,0,0.2) !important;
905
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
906
+ margin: 0 12px 0 12px;
929
907
  }
930
-
931
- .video-js.skin_mini .vjs-text-track-display-ttml p {
932
- font-size: 18px !important;
933
908
  }
934
-
935
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
936
- margin-bottom: 1rem !important;
909
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
910
+ width: 90px;
911
+ height: 90px;
912
+ display: flex;
913
+ justify-content: center;
914
+ align-items: center;
915
+ border-radius: 50%;
916
+ position: absolute;
917
+ top: 0;
918
+ left: 0;
919
+ right: 0;
920
+ bottom: 0;
921
+ margin: auto;
922
+ font-size: 6em;
923
+ line-height: 1.4em;
937
924
  }
938
925
 
939
-
940
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
926
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
941
927
  display: flex;
942
928
  justify-content: center;
943
929
  align-items: center;
944
930
  height: 100%;
945
931
  transition: width 0.1s;
946
932
  }
947
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
948
- margin: 2px;
949
- }
950
933
 
951
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
934
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
952
935
  display: flex;
953
936
  justify-content: center;
954
937
  align-items: center;
955
938
  height: 100%;
956
939
  transition: width 0.1s;
957
940
  }
958
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
959
- display: grid;
960
- font-size: 10px;
961
- grid-template-columns: 1fr;
962
- grid-template-rows: 1fr;
963
- padding: 1px 0px 0 0px;
964
- margin: 0;
941
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
942
+ display: none !important;
943
+ }
944
+ .video-js.skin_news .ssai-ad-container{
945
+ position: absolute;
946
+ bottom: 14px;
965
947
  }
966
948
 
967
- @media (max-width: 600px) {
968
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
949
+ @media (max-width: 576px) {
950
+ .video-js.skin_news .ssai-ad-container{
951
+ bottom: 2px;
952
+ }
953
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
969
954
  height: 5px !important;
970
955
  }
956
+ .video-js.skin_news button.vjs-big-play-button {
957
+ width: 50px !important;
958
+ height: 50px !important;
959
+ font-size: 2.1rem !important;
960
+ }
971
961
 
972
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
962
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
973
963
  display: none;
974
964
  }
965
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
966
+ bottom: 2.4em !important;
967
+ right: -1em;
968
+ z-index: 1;
969
+ }
970
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
971
+ display: none !important;
972
+ }
975
973
 
974
+ .video-js.skin_news .vjs-text-track-display-ttml span {
975
+ color: white;
976
+ font-size: 13px;
977
+ background-color: black;
978
+ }
976
979
  }
977
980
 
978
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
981
+ .video-js.skin_news .vjs-text-track-display-ttml span {
982
+ color: white;
983
+ font-size: 16px;
984
+ background-color: black;
985
+ }
986
+
987
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
988
+ margin-bottom: 2rem !important;
989
+ }
990
+
991
+ .video-js.skin_news .vjs-text-track-display-ttml p {
992
+ font-size: 18px !important;
993
+ }
994
+
995
+
996
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
997
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
998
+ font-size: 1.2em !important;
999
+ line-height: 1.5em !important;
1000
+ padding: 0.2em 0.8em !important;
1001
+ }
1002
+
1003
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
979
1004
  content: none !important;
980
1005
  fill: none !important;
981
1006
  filter: none !important;
982
1007
  }
983
1008
 
984
1009
  /* svg icons opacity and hover effect */
985
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1010
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
986
1011
  opacity: 0.7 !important;
987
1012
  }
988
1013
 
989
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1014
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1015
+ opacity: 1 !important;
1016
+ }
1017
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1018
+ opacity: 0.7 !important;
1019
+ }
1020
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
990
1021
  opacity: 1 !important;
991
1022
  }
992
1023
 
993
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1024
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
994
1025
  color: rgba(255, 255, 2555, 0.7)!important;
995
1026
  }
996
1027
 
997
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1028
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
998
1029
  color: rgba(255, 255, 2555, 1)!important;
999
1030
  }
1000
1031
 
1001
1032
 
1002
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1033
+
1034
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1003
1035
  font-size: 2.2em;
1004
1036
  line-height: 2.6;
1005
1037
  }
1006
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1007
- background: #fcb700;
1038
+ .video-js.skin_mini{
1039
+ overflow: hidden;
1008
1040
  }
1009
- .video-js.skin_news_live .vjs-control-bar{
1041
+ .video-js.skin_mini .vjs-control-bar{
1010
1042
  z-index: 1 !important;
1011
- height: 5em !important;
1043
+ height: 4em !important;
1012
1044
  background: black !important;
1013
1045
  }
1014
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1015
- display: flex;
1016
- align-items: center;
1017
- justify-content: center;
1018
- }
1019
1046
 
1020
- .video-js.skin_news_live .vjs-fade>* {
1047
+ .video-js.skin_mini .vjs-fade>* {
1021
1048
  visibility: hidden !important;
1022
1049
  opacity: 0 !important;
1023
1050
  transition: visibility 1s, opacity 1s !important;
1024
1051
  }
1025
1052
 
1026
- .video-js.skin_news_live .custom-spaced-progress-bar {
1053
+ .video-js.skin_mini .custom-spaced-progress-bar {
1027
1054
  position: absolute;
1028
1055
  width: 100%;
1029
1056
  display: flex;
@@ -1031,7 +1058,7 @@
1031
1058
  top: -0.5em;
1032
1059
  }
1033
1060
 
1034
- .video-js.skin_news_live .vjs-progress-control {
1061
+ .video-js.skin_mini .vjs-progress-control {
1035
1062
  /* left: -6px; */
1036
1063
  position: relative;
1037
1064
  width: 100%;
@@ -1039,25 +1066,22 @@
1039
1066
  transition: height 0.1s, top 0.1s;
1040
1067
  }
1041
1068
 
1042
- .video-js.skin_news_live .vjs-volume-panel{
1043
- min-width: 5.3em;
1044
- }
1045
1069
 
1046
1070
 
1047
1071
 
1048
- .video-js.skin_news_live .vjs-custom-control-spacer {
1049
- /* display: block; */
1050
- /* flex: 1 1 auto; */
1072
+ .video-js.skin_mini .vjs-custom-control-spacer {
1073
+ display: block;
1074
+ flex: 1 1 auto;
1051
1075
  }
1052
1076
 
1053
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1077
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1054
1078
  margin: 0 0px 0 0px;
1055
1079
  }
1056
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1080
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1057
1081
  display: none;
1058
1082
  }
1059
1083
 
1060
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1084
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1061
1085
  font-size: 14px;
1062
1086
  font-weight: 500;
1063
1087
  align-self: center;
@@ -1066,199 +1090,207 @@
1066
1090
  border-radius: 8px;
1067
1091
  }
1068
1092
 
1069
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1070
- height: 6px !important;
1093
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1094
+ height: 5px !important;
1071
1095
  }
1072
1096
 
1073
- .video-js.skin_news_live .vjs-play-progress:before {
1074
- font-size: 1.5em;
1097
+ .video-js.skin_mini .vjs-play-progress:before {
1098
+ font-size: 1.3em;
1075
1099
  line-height: unset;
1076
1100
  top: -0.3333333333em;
1077
1101
  }
1078
1102
 
1079
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1103
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1080
1104
  display: none !important;
1081
1105
  }
1082
1106
 
1083
1107
  /* */
1084
- .video-js.skin_news_live .vjs-mouse-display{
1108
+ .video-js.skin_mini .vjs-mouse-display{
1085
1109
  font-size: 1.6666666667em;
1086
1110
  }
1087
1111
 
1088
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1112
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1089
1113
  font-size: 1em !important;
1090
1114
  }
1091
1115
 
1092
- .video-js.skin_news_live .vjs-button{
1093
- width: 5.3em;
1116
+ .video-js.skin_mini .vjs-button{
1117
+ width: 3em;
1094
1118
  display: flex;
1095
1119
  align-items: center;
1096
1120
  justify-content: center;
1097
1121
  }
1098
1122
 
1099
1123
 
1100
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1124
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1101
1125
  .icon-maximize {
1102
1126
  display: block;
1103
1127
  height: 32px;
1104
1128
  }
1105
1129
 
1106
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1130
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1107
1131
  line-height: 4;
1108
1132
  }
1109
1133
 
1110
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1134
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1111
1135
  .icon-minimize {
1112
1136
  display: none;
1113
1137
  height: 32px;
1114
1138
  }
1115
1139
 
1116
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1140
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1117
1141
  outline: none !important;
1118
- /* flex: 1; */
1119
- }
1120
- .video-js.skin_news_live .vjs-play-toggle-container{
1121
- display: flex;
1122
- flex: 1;
1123
- justify-content: center;
1124
1142
  }
1125
-
1126
-
1127
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1143
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1128
1144
  .vjs-icon-fullscreen-enter:before {
1129
1145
  /* content: '' !important; */
1130
1146
  }
1131
1147
 
1132
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1148
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1133
1149
  display: flex;
1134
1150
  justify-content: center;
1135
1151
  align-items: center;
1136
1152
  /* transform: rotate(90deg); */
1137
1153
  }
1138
1154
 
1139
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1155
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1140
1156
  display: none;
1141
1157
  }
1142
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1158
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1143
1159
  margin-left: -10px;
1160
+ display: none;
1144
1161
  }
1145
1162
 
1146
- .video-js.skin_news_live .skipbtn:hover{
1163
+ .video-js.skin_mini .vjs-loading-spinner {
1164
+ position: absolute;
1165
+ top: 50%;
1166
+ left: 50%;
1167
+ transform: translate(-50%, -50%);
1168
+ opacity: .85;
1169
+ text-align: left;
1170
+ border: .2em solid rgba(43, 51, 63, .7);
1171
+ box-sizing: border-box;
1172
+ background-clip: padding-box;
1173
+ width: 3em;
1174
+ height: 3em;
1175
+ border-radius: 50%;
1176
+ visibility: hidden;
1177
+ }
1178
+
1179
+ .video-js.skin_mini .skipbtn:hover{
1147
1180
  cursor: pointer;
1148
1181
  }
1149
1182
 
1150
- .video-js.skin_news_live .rewindbtn:hover{
1183
+ .video-js.skin_mini .rewindbtn:hover{
1151
1184
  cursor: pointer;
1152
1185
  }
1153
1186
 
1154
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1187
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1155
1188
  position: relative;
1156
1189
  padding-left: 0;
1157
1190
  }
1158
1191
 
1159
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1160
- display: none !important;
1192
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1193
+ width: 40px;
1194
+ height: 40px;
1195
+ display: flex;
1196
+ justify-content: center;
1197
+ align-items: center;
1198
+ border: none;
1199
+ position: absolute;
1200
+ top: 0;
1201
+ left: 0;
1202
+ right: 0;
1203
+ bottom: 0;
1204
+ margin: auto;
1205
+ font-size: 3em;
1206
+ line-height: 1.3em;
1207
+ transform: none !important;
1208
+ border-radius: 1.3em;
1161
1209
  }
1162
1210
 
1163
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1164
- /* width: 90px;
1165
- height: 90px;
1166
- display: flex;
1167
- justify-content: center;
1168
- align-items: center;
1169
- border-radius: 50%;
1170
- position: absolute;
1171
- top: 0;
1172
- left: 0;
1173
- right: 0;
1174
- bottom: 0;
1175
- margin: auto;
1176
- font-size: 6em;
1177
- line-height: 1.4em;
1178
- border: 0.05em solid;
1179
- color: inherit; */
1180
- display: none !important;
1181
- }
1182
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1211
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1183
1212
  font-weight: bold;
1184
1213
  }
1185
1214
 
1186
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1187
- bottom: 2.4em !important;
1188
- right: -1em;
1215
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1216
+ bottom: 1.1em !important;
1217
+ right: 1em;
1189
1218
  z-index: 1;
1219
+ font-size: 10px;
1190
1220
  }
1191
1221
 
1192
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1222
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1193
1223
  width: 24px !important;
1194
1224
  height: 24px !important;
1195
1225
  }
1196
- .settings-selector-icon>svg{
1226
+ .video-js.skin_mini .settings-selector-icon>svg{
1197
1227
  height: 19px !important;
1198
1228
  width: 19px !important;
1199
1229
  }
1200
1230
 
1201
1231
 
1202
- .video-js.skin_news_live button.vjs-rewind-button{
1232
+ .video-js.skin_mini button.vjs-rewind-button{
1203
1233
  cursor: pointer;
1204
1234
  }
1205
1235
 
1206
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1236
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1207
1237
  padding-right: 0;
1208
- display: none;
1209
1238
  }
1210
1239
 
1211
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1240
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1212
1241
  padding-left: 0;
1213
- display: none;
1214
1242
  }
1215
1243
 
1216
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1244
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1217
1245
  padding-left: 0;
1218
1246
  padding-right: 0;
1219
- display: none;
1247
+ display: flex;
1248
+ justify-content: center;
1249
+ width: min-content;
1220
1250
  }
1221
1251
 
1222
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1252
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1223
1253
  display: none
1224
1254
  }
1225
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1255
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1226
1256
  display: none
1227
1257
  }
1228
1258
 
1229
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1230
- display: flex;
1231
- align-items: center;
1232
- font-weight: 700;
1233
- font-size: 12px;
1234
- min-width: 1.2em;
1259
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1260
+ display: flex;
1261
+ align-items: center;
1262
+ font-weight: 700;
1263
+ font-size: 9px;
1264
+ min-width: 0.8em;
1265
+ padding-left: 0;
1235
1266
  }
1236
1267
 
1237
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1268
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1238
1269
  display: none;
1239
1270
  font-size: 11px;
1240
1271
  justify-content: center;
1241
1272
  align-items: center;
1242
1273
  user-select: none;
1243
1274
  }
1244
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1275
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1245
1276
  display: none;
1246
1277
  }
1247
1278
 
1248
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1279
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1249
1280
  height: min-content;
1250
1281
  width: min-content;
1251
1282
  }
1252
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1253
- width: 6em;
1283
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1284
+ width: 3em;
1285
+ margin-right: 4px;
1254
1286
  }
1255
1287
 
1256
- .video-js.skin_news_live .content{
1288
+ .video-js.skin_mini .content{
1257
1289
  bottom: 3.4rem !important;
1258
1290
  right: -4rem !important;
1259
1291
  }
1260
1292
 
1261
- .setting-icon > svg{
1293
+ .video-js.skin_mini .setting-icon > svg{
1262
1294
  height:18px !important;
1263
1295
  }
1264
1296
 
@@ -1272,16 +1304,16 @@
1272
1304
  pointer-events:none
1273
1305
  }
1274
1306
 
1275
- .video-js.skin_news_live iframe{
1307
+ .video-js.skin_mini iframe{
1276
1308
  width: 100%;
1277
1309
  height: 100%;
1278
1310
  }
1279
1311
 
1280
- .video-js.skin_news_live .vjs-live-control{
1312
+ .video-js.skin_mini .vjs-live-control{
1281
1313
  align-items: center;
1282
- display: none;
1314
+ max-width: 5em;
1283
1315
  }
1284
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1316
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1285
1317
  height: 2.2em;
1286
1318
  display: flex;
1287
1319
  align-items: center;
@@ -1289,219 +1321,188 @@
1289
1321
  width: 4em;
1290
1322
  justify-content: center;
1291
1323
  background: red;
1292
- margin: 4px 0px 4px 12px;
1293
- }
1294
-
1295
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1296
- text-shadow: none;
1297
- }
1298
-
1299
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1300
- display: flex;
1301
- justify-content: center;
1302
- min-width: 5.3em;
1303
- pointer-events: none;
1304
- user-select: none;
1305
- }
1306
-
1307
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1308
- color: white;
1324
+ margin: 4px 0px 4px 2px;
1309
1325
  }
1310
1326
 
1327
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1328
+ text-shadow: none;
1329
+ }
1330
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1331
+ display: none;
1332
+ font-size: 12px;
1333
+ }
1311
1334
 
1312
- .settings-selection.vjs-control.vjs-button{
1313
- display: flex !important;
1335
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1336
+ height: 1.8em;
1337
+ display: inline-flex;
1338
+ align-items: center;
1339
+ font-family: monospace;
1340
+ justify-content: center;
1341
+ border: 1.5px solid;
1342
+ margin: 4px 0px 4px 2px;
1343
+ white-space: pre;
1344
+ padding: 2px 4px;
1345
+ font-size: 1.2em;
1346
+ font-weight: 500;
1347
+ color: rgba(255, 255, 2555, 0.7);
1314
1348
  }
1315
1349
 
1316
- @media(max-width:576px){
1317
- .settings-selection.vjs-control.vjs-button{
1318
- display: none !important;
1319
- }
1350
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1351
+ content: "NOT LIVE";
1352
+ word-spacing: -4px;
1320
1353
  }
1321
1354
 
1322
1355
 
1323
- @media(max-width:576px){
1356
+ @media(max-width:600px){
1324
1357
  .tvProviderImage{
1325
1358
  display: none
1326
1359
  }
1327
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1360
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1328
1361
  .icon-maximize {
1329
1362
  height: 30px !important;
1330
1363
  }
1331
1364
 
1332
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1365
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1333
1366
  .icon-minimize {
1334
1367
  height: 30px !important;
1335
1368
  }
1336
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1337
- width: 4.5em;
1369
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1370
+ width: 3.5em;
1338
1371
  }
1339
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1372
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1340
1373
  height: min-content;
1341
1374
  }
1342
1375
 
1343
- .video-js.skin_news_live button.vjs-slowmo-button{
1376
+ .video-js.skin_mini button.vjs-slowmo-button{
1344
1377
  display: none;
1345
1378
  }
1346
- .video-js.skin_news_live button.vjs-rewind-button{
1379
+ .video-js.skin_mini button.vjs-rewind-button{
1347
1380
  display: none;
1348
1381
  }
1349
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1382
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1350
1383
  height: 20px;
1351
1384
  }
1352
- .video-js.skin_news_live .vjs-button{
1353
- width: 4.8em;
1385
+ .video-js.skin_mini .vjs-button{
1386
+ width: 3em;
1354
1387
  }
1355
- .video-js.skin_news_live .widget-selection{
1388
+ .video-js.skin_mini .widget-selection{
1356
1389
  display: none;
1357
1390
  }
1358
- .video-js.skin_news_live .container{
1391
+ .video-js.skin_mini .container{
1359
1392
  display: none !important;
1360
1393
  }
1361
- .video-js.skin_news_live .vjs-control-bar{
1394
+ .video-js.skin_mini .vjs-control-bar{
1362
1395
  height: 4em !important;
1363
1396
  }
1364
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1397
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1365
1398
  font-size: 2.5em;
1366
1399
  line-height: 1.5;
1367
1400
  }
1368
- .video-js.skin_news_live .vjs-play-progress:before {
1401
+ .video-js.skin_mini .vjs-play-progress:before {
1369
1402
  font-size: 1.2em;
1370
1403
  position: absolute;
1371
1404
  right: -0.5em;
1372
1405
  z-index: 1;
1373
1406
  }
1374
- .video-js.skin_news_live button.vjs-skip-button>svg{
1407
+ .video-js.skin_mini button.vjs-skip-button>svg{
1375
1408
  height: 20px;
1376
1409
  }
1377
- .video-js.skin_news_live button.vjs-big-play-button {
1378
- width: 50px !important;
1379
- height: 50px !important;
1380
- font-size: 2.1rem !important;
1381
- }
1382
1410
 
1383
1411
  .stream-selector-icon>svg{
1384
1412
  width: 24px;
1385
1413
  height: 24px;
1386
1414
  }
1387
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1388
- margin: 0 12px 0 12px;
1389
- }
1390
- .video-js.skin_news_live .vjs-seek-to-live-text{
1415
+ .video-js.skin_mini .vjs-seek-to-live-text{
1391
1416
  font-size: 12px;
1392
1417
  }
1393
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1394
- margin: 0 12px 0 12px;
1418
+
1419
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1420
+ color: white !important;
1421
+ font-size: 16px !important;
1422
+ background-color: rgba(0,0,0,0.2) !important;
1423
+ }
1395
1424
  }
1425
+
1426
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1427
+ color: white !important;
1428
+ font-size: 16px !important;
1429
+ background-color: rgba(0,0,0,0.2) !important;
1396
1430
  }
1397
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1398
- width: 90px;
1399
- height: 90px;
1400
- display: flex;
1401
- justify-content: center;
1402
- align-items: center;
1403
- border-radius: 50%;
1404
- position: absolute;
1405
- top: 0;
1406
- left: 0;
1407
- right: 0;
1408
- bottom: 0;
1409
- margin: auto;
1410
- font-size: 6em;
1411
- line-height: 1.4em;
1431
+
1432
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1433
+ font-size: 18px !important;
1412
1434
  }
1413
1435
 
1414
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1436
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1437
+ margin-bottom: 1rem !important;
1438
+ }
1439
+
1440
+
1441
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1415
1442
  display: flex;
1416
1443
  justify-content: center;
1417
1444
  align-items: center;
1418
1445
  height: 100%;
1419
1446
  transition: width 0.1s;
1420
1447
  }
1448
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1449
+ margin: 2px;
1450
+ }
1421
1451
 
1422
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1452
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1423
1453
  display: flex;
1424
1454
  justify-content: center;
1425
1455
  align-items: center;
1426
1456
  height: 100%;
1427
1457
  transition: width 0.1s;
1428
1458
  }
1429
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1430
- display: none !important;
1459
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1460
+ display: grid;
1461
+ font-size: 10px;
1462
+ grid-template-columns: 1fr;
1463
+ grid-template-rows: 1fr;
1464
+ padding: 1px 0px 0 0px;
1465
+ margin: 0;
1431
1466
  }
1432
1467
 
1433
- @media (max-width: 576px) {
1434
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1468
+ @media (max-width: 600px) {
1469
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1435
1470
  height: 5px !important;
1436
1471
  }
1437
- .video-js.skin_news_live button.vjs-big-play-button {
1438
- width: 50px !important;
1439
- height: 50px !important;
1440
- font-size: 2.1rem !important;
1441
- }
1442
1472
 
1443
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1473
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1444
1474
  display: none;
1445
1475
  }
1446
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1447
- bottom: 2.4em !important;
1448
- right: -1em;
1449
- z-index: 1;
1450
- }
1451
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1452
- display: none !important;
1453
- }
1454
-
1455
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1456
- color: white !important;
1457
- font-size: 13px !important;
1458
- background-color: black !important;
1459
- }
1460
- }
1461
-
1462
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1463
- width: 100% !important;
1464
- }
1465
-
1466
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
1467
- color: white !important;
1468
- font-size: 16px !important;
1469
- background-color: black !important;
1470
- }
1471
1476
 
1472
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1473
- margin-bottom: 2rem !important;
1474
1477
  }
1475
1478
 
1476
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1477
- font-size: 18px !important;
1479
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1480
+ content: none !important;
1481
+ fill: none !important;
1482
+ filter: none !important;
1478
1483
  }
1479
1484
 
1480
-
1481
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1482
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1483
- font-size: 1.2em !important;
1484
- line-height: 1.5em !important;
1485
- padding: 0.2em 0.8em !important;
1485
+ /* svg icons opacity and hover effect */
1486
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1487
+ opacity: 0.7 !important;
1486
1488
  }
1487
1489
 
1488
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1489
- content: none !important;
1490
- fill: none !important;
1491
- filter: none !important;
1490
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1491
+ opacity: 1 !important;
1492
1492
  }
1493
1493
 
1494
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1494
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1495
1495
  color: rgba(255, 255, 2555, 0.7)!important;
1496
1496
  }
1497
1497
 
1498
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1498
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1499
1499
  color: rgba(255, 255, 2555, 1)!important;
1500
1500
  }
1501
1501
 
1502
1502
 
1503
1503
 
1504
1504
 
1505
+
1505
1506
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1506
1507
  height: 0.7em;
1507
1508
  position: absolute;
@@ -1698,7 +1699,6 @@
1698
1699
  }
1699
1700
  }
1700
1701
 
1701
-
1702
1702
  /* CSS for videojs-dvr-seekbar */
1703
1703
 
1704
1704
  .video-js.vjs-dvr-seekbar {
@@ -1880,6 +1880,7 @@
1880
1880
 
1881
1881
 
1882
1882
 
1883
+
1883
1884
  .video-js .multicamera-parent.default{
1884
1885
  height: 345px;
1885
1886
  position: absolute;
@@ -1961,7 +1962,6 @@
1961
1962
 
1962
1963
 
1963
1964
 
1964
-
1965
1965
  .vjs-custom-big-mute.vjs-control{
1966
1966
  position: absolute;
1967
1967
  align-items: center;
@@ -2298,6 +2298,38 @@
2298
2298
  z-index: 30 !important;
2299
2299
  }
2300
2300
 
2301
+ /* a wrapper element that tracks the mouse vertically */
2302
+ .vjs-thumbnail-holder {
2303
+ position: absolute;
2304
+ left: -1000px;
2305
+ }
2306
+
2307
+ /* the thumbnail image itself */
2308
+ .vjs-thumbnail {
2309
+ position: absolute;
2310
+ left: 0;
2311
+ bottom: 1.3em;
2312
+ opacity: 0;
2313
+ transition: opacity .2s ease;
2314
+ -webkit-transition: opacity .2s ease;
2315
+ -moz-transition: opacity .2s ease;
2316
+ -mz-transition: opacity .2s ease;
2317
+ }
2318
+
2319
+ /* fade in the thumbnail when hovering over the progress bar */
2320
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2321
+ .vjs-progress-control:hover .vjs-thumbnail,
2322
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2323
+ .vjs-progress-control:active .vjs-thumbnail {
2324
+ opacity: 1;
2325
+ }
2326
+
2327
+ /* ... but hide the thumbnail when hovering directly over it */
2328
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2329
+ .vjs-progress-control:active .vjs-thumbnail:active {
2330
+ opacity: 0;
2331
+ }
2332
+
2301
2333
  .video-js.vjs-quality-menu {
2302
2334
  display: block;
2303
2335
  }
@@ -2368,38 +2400,6 @@
2368
2400
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2369
2401
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2370
2402
  }
2371
- /* a wrapper element that tracks the mouse vertically */
2372
- .vjs-thumbnail-holder {
2373
- position: absolute;
2374
- left: -1000px;
2375
- }
2376
-
2377
- /* the thumbnail image itself */
2378
- .vjs-thumbnail {
2379
- position: absolute;
2380
- left: 0;
2381
- bottom: 1.3em;
2382
- opacity: 0;
2383
- transition: opacity .2s ease;
2384
- -webkit-transition: opacity .2s ease;
2385
- -moz-transition: opacity .2s ease;
2386
- -mz-transition: opacity .2s ease;
2387
- }
2388
-
2389
- /* fade in the thumbnail when hovering over the progress bar */
2390
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2391
- .vjs-progress-control:hover .vjs-thumbnail,
2392
- .vjs-progress-control.fake-active .vjs-thumbnail,
2393
- .vjs-progress-control:active .vjs-thumbnail {
2394
- opacity: 1;
2395
- }
2396
-
2397
- /* ... but hide the thumbnail when hovering directly over it */
2398
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2399
- .vjs-progress-control:active .vjs-thumbnail:active {
2400
- opacity: 0;
2401
- }
2402
-
2403
2403
  .vjs-poster {
2404
2404
  display: inline-block;
2405
2405
  vertical-align: middle;