@viewlift/player-backup 2.0.292-backup → 2.0.293-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 (55) hide show
  1. package/cjs/{autoNextVideo-d783039e.js → autoNextVideo-b81a21a8.js} +1 -1
  2. package/cjs/bundle.css +410 -410
  3. package/cjs/{features-e77b2cc5.js → features-fde1e6f4.js} +1 -1
  4. package/cjs/generic-bcc1b11d.js +1 -0
  5. package/cjs/{index-9c86b65a.js → index-1ce7c505.js} +1 -1
  6. package/cjs/{index-248cea68.js → index-d0ac4ff1.js} +1 -1
  7. package/cjs/{index-ba862bae.js → index-f07dd8f7.js} +1 -1
  8. package/cjs/index.js +1 -1
  9. package/cjs/{multicamv2-a43f64a1.js → multicamv2-90e4f85d.js} +1 -1
  10. package/cjs/{multicamv2-420b64ce.js → multicamv2-d13f3799.js} +1 -1
  11. package/cjs/{nextEpisodeButton-a0c35a98.js → nextEpisodeButton-0e1f606e.js} +1 -1
  12. package/cjs/{playlist-51489f94.js → playlist-5538ab33.js} +1 -1
  13. package/cjs/{series-9abe4870.js → series-197acb35.js} +1 -1
  14. package/cjs/{series-v2-4630b42f.js → series-v2-37b957c0.js} +1 -1
  15. package/cjs/{series-v2-828e87bd.js → series-v2-e09f82a1.js} +1 -1
  16. package/cjs/{skin-cf55d6a4.js → skin-0cd2cc19.js} +1 -1
  17. package/cjs/{skin-25f9f101.js → skin-1d2ac9aa.js} +1 -1
  18. package/cjs/{skin-dff6e173.js → skin-79f1cf9f.js} +1 -1
  19. package/cjs/{skin-3abb4521.js → skin-7be967ce.js} +1 -1
  20. package/cjs/{skin-7e07993b.js → skin-a03263c8.js} +1 -1
  21. package/cjs/{skin-bfa66ca0.js → skin-a3da2429.js} +1 -1
  22. package/cjs/{skin-e7515c1a.js → skin-a74bc0a0.js} +1 -1
  23. package/cjs/{skin-64830002.js → skin-b86f2fb9.js} +1 -1
  24. package/cjs/{skin-737b56f1.js → skin-e9578396.js} +1 -1
  25. package/cjs/{videoSelector-3d5ff1bf.js → videoSelector-71585863.js} +1 -1
  26. package/cjs/{videoSelector-7b25405a.js → videoSelector-ee1c7a9f.js} +1 -1
  27. package/esm/{autoNextVideo-c799bcd9.js → autoNextVideo-de9c7cb3.js} +1 -1
  28. package/esm/bundle.css +410 -410
  29. package/esm/{features-a8a9f436.js → features-c5bf2798.js} +1 -1
  30. package/esm/generic-cc27a100.js +1 -0
  31. package/esm/{index-2621a170.js → index-a46fd1e5.js} +1 -1
  32. package/esm/{index-c957fc87.js → index-ce7f6974.js} +1 -1
  33. package/esm/{index-cad73f72.js → index-e6facfc7.js} +1 -1
  34. package/esm/index.js +1 -1
  35. package/esm/{multicamv2-49b2f54d.js → multicamv2-9e6a345c.js} +1 -1
  36. package/esm/{multicamv2-acbd2e35.js → multicamv2-b2a188e0.js} +1 -1
  37. package/esm/{nextEpisodeButton-f2bddf2c.js → nextEpisodeButton-a1156a17.js} +1 -1
  38. package/esm/{playlist-8f26ed93.js → playlist-87d6e4cb.js} +1 -1
  39. package/esm/{series-82908795.js → series-16e59934.js} +1 -1
  40. package/esm/{series-v2-ed3a799c.js → series-v2-381f9c36.js} +1 -1
  41. package/esm/{series-v2-6be7f616.js → series-v2-5a7027ad.js} +1 -1
  42. package/esm/{skin-bc25c1dc.js → skin-0bf419dd.js} +1 -1
  43. package/esm/{skin-f0691120.js → skin-4d0b33c3.js} +1 -1
  44. package/esm/{skin-739f37c9.js → skin-4fe01364.js} +1 -1
  45. package/esm/{skin-9061acb8.js → skin-5e8fcff1.js} +1 -1
  46. package/esm/{skin-c27ab30f.js → skin-672a575a.js} +1 -1
  47. package/esm/{skin-ece7709a.js → skin-6bb0371a.js} +1 -1
  48. package/esm/{skin-5cf211bb.js → skin-9424e7c5.js} +1 -1
  49. package/esm/{skin-503626ae.js → skin-b866a867.js} +1 -1
  50. package/esm/{skin-b64addd2.js → skin-e74d2dd9.js} +1 -1
  51. package/esm/{videoSelector-0148241c.js → videoSelector-14a4414d.js} +1 -1
  52. package/esm/{videoSelector-ca70dece.js → videoSelector-563df963.js} +1 -1
  53. package/package.json +29 -29
  54. package/cjs/generic-690f32fe.js +0 -1
  55. package/esm/generic-2e248650.js +0 -1
package/esm/bundle.css CHANGED
@@ -1,31 +1,28 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
4
+
5
+
6
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
5
7
  font-size: 2.2em;
6
8
  line-height: 2.6;
7
9
  }
8
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
9
- background: #fcb700;
10
+ .video-js.skin_mini{
11
+ overflow: hidden;
10
12
  }
11
- .video-js.skin_news_live .vjs-control-bar{
13
+ .video-js.skin_mini .vjs-control-bar{
12
14
  z-index: 1 !important;
13
- height: 5em !important;
15
+ height: 4em !important;
14
16
  background: black !important;
15
17
  }
16
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
17
- display: flex;
18
- align-items: center;
19
- justify-content: center;
20
- }
21
18
 
22
- .video-js.skin_news_live .vjs-fade>* {
19
+ .video-js.skin_mini .vjs-fade>* {
23
20
  visibility: hidden !important;
24
21
  opacity: 0 !important;
25
22
  transition: visibility 1s, opacity 1s !important;
26
23
  }
27
24
 
28
- .video-js.skin_news_live .custom-spaced-progress-bar {
25
+ .video-js.skin_mini .custom-spaced-progress-bar {
29
26
  position: absolute;
30
27
  width: 100%;
31
28
  display: flex;
@@ -33,7 +30,7 @@
33
30
  top: -0.5em;
34
31
  }
35
32
 
36
- .video-js.skin_news_live .vjs-progress-control {
33
+ .video-js.skin_mini .vjs-progress-control {
37
34
  /* left: -6px; */
38
35
  position: relative;
39
36
  width: 100%;
@@ -41,25 +38,22 @@
41
38
  transition: height 0.1s, top 0.1s;
42
39
  }
43
40
 
44
- .video-js.skin_news_live .vjs-volume-panel{
45
- min-width: 5.3em;
46
- }
47
41
 
48
42
 
49
43
 
50
- .video-js.skin_news_live .vjs-custom-control-spacer {
51
- /* display: block; */
52
- /* flex: 1 1 auto; */
44
+ .video-js.skin_mini .vjs-custom-control-spacer {
45
+ display: block;
46
+ flex: 1 1 auto;
53
47
  }
54
48
 
55
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
49
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
56
50
  margin: 0 0px 0 0px;
57
51
  }
58
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
52
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
59
53
  display: none;
60
54
  }
61
55
 
62
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
56
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
63
57
  font-size: 14px;
64
58
  font-weight: 500;
65
59
  align-self: center;
@@ -68,199 +62,207 @@
68
62
  border-radius: 8px;
69
63
  }
70
64
 
71
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
72
- height: 6px !important;
65
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
66
+ height: 5px !important;
73
67
  }
74
68
 
75
- .video-js.skin_news_live .vjs-play-progress:before {
76
- font-size: 1.5em;
69
+ .video-js.skin_mini .vjs-play-progress:before {
70
+ font-size: 1.3em;
77
71
  line-height: unset;
78
72
  top: -0.3333333333em;
79
73
  }
80
74
 
81
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
75
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
82
76
  display: none !important;
83
77
  }
84
78
 
85
79
  /* */
86
- .video-js.skin_news_live .vjs-mouse-display{
80
+ .video-js.skin_mini .vjs-mouse-display{
87
81
  font-size: 1.6666666667em;
88
82
  }
89
83
 
90
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
84
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
91
85
  font-size: 1em !important;
92
86
  }
93
87
 
94
- .video-js.skin_news_live .vjs-button{
95
- width: 5.3em;
88
+ .video-js.skin_mini .vjs-button{
89
+ width: 3em;
96
90
  display: flex;
97
91
  align-items: center;
98
92
  justify-content: center;
99
93
  }
100
94
 
101
95
 
102
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
96
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
103
97
  .icon-maximize {
104
98
  display: block;
105
99
  height: 32px;
106
100
  }
107
101
 
108
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
102
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
109
103
  line-height: 4;
110
104
  }
111
105
 
112
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
106
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
113
107
  .icon-minimize {
114
108
  display: none;
115
109
  height: 32px;
116
110
  }
117
111
 
118
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
112
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
119
113
  outline: none !important;
120
- /* flex: 1; */
121
114
  }
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,
115
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
130
116
  .vjs-icon-fullscreen-enter:before {
131
117
  /* content: '' !important; */
132
118
  }
133
119
 
134
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
120
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
135
121
  display: flex;
136
122
  justify-content: center;
137
123
  align-items: center;
138
124
  /* transform: rotate(90deg); */
139
125
  }
140
126
 
141
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
127
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
142
128
  display: none;
143
129
  }
144
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
130
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
145
131
  margin-left: -10px;
132
+ display: none;
146
133
  }
147
134
 
148
- .video-js.skin_news_live .skipbtn:hover{
135
+ .video-js.skin_mini .vjs-loading-spinner {
136
+ position: absolute;
137
+ top: 50%;
138
+ left: 50%;
139
+ transform: translate(-50%, -50%);
140
+ opacity: .85;
141
+ text-align: left;
142
+ border: .2em solid rgba(43, 51, 63, .7);
143
+ box-sizing: border-box;
144
+ background-clip: padding-box;
145
+ width: 3em;
146
+ height: 3em;
147
+ border-radius: 50%;
148
+ visibility: hidden;
149
+ }
150
+
151
+ .video-js.skin_mini .skipbtn:hover{
149
152
  cursor: pointer;
150
153
  }
151
154
 
152
- .video-js.skin_news_live .rewindbtn:hover{
155
+ .video-js.skin_mini .rewindbtn:hover{
153
156
  cursor: pointer;
154
157
  }
155
158
 
156
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
159
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
157
160
  position: relative;
158
161
  padding-left: 0;
159
162
  }
160
163
 
161
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
162
- display: none !important;
164
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
165
+ width: 40px;
166
+ height: 40px;
167
+ display: flex;
168
+ justify-content: center;
169
+ align-items: center;
170
+ border: none;
171
+ position: absolute;
172
+ top: 0;
173
+ left: 0;
174
+ right: 0;
175
+ bottom: 0;
176
+ margin: auto;
177
+ font-size: 3em;
178
+ line-height: 1.3em;
179
+ transform: none !important;
180
+ border-radius: 1.3em;
163
181
  }
164
182
 
165
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
166
- /* width: 90px;
167
- height: 90px;
168
- display: flex;
169
- justify-content: center;
170
- align-items: center;
171
- border-radius: 50%;
172
- position: absolute;
173
- top: 0;
174
- left: 0;
175
- right: 0;
176
- bottom: 0;
177
- margin: auto;
178
- font-size: 6em;
179
- line-height: 1.4em;
180
- border: 0.05em solid;
181
- color: inherit; */
182
- display: none !important;
183
- }
184
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
183
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
185
184
  font-weight: bold;
186
185
  }
187
186
 
188
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
189
- bottom: 2.4em !important;
190
- right: -1em;
187
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
188
+ bottom: 1.1em !important;
189
+ right: 1em;
191
190
  z-index: 1;
191
+ font-size: 10px;
192
192
  }
193
193
 
194
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
194
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
195
195
  width: 24px !important;
196
196
  height: 24px !important;
197
197
  }
198
- .settings-selector-icon>svg{
198
+ .video-js.skin_mini .settings-selector-icon>svg{
199
199
  height: 19px !important;
200
200
  width: 19px !important;
201
201
  }
202
202
 
203
203
 
204
- .video-js.skin_news_live button.vjs-rewind-button{
204
+ .video-js.skin_mini button.vjs-rewind-button{
205
205
  cursor: pointer;
206
206
  }
207
207
 
208
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
208
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
209
  padding-right: 0;
210
- display: none;
211
210
  }
212
211
 
213
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
212
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
214
213
  padding-left: 0;
215
- display: none;
216
214
  }
217
215
 
218
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
216
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
219
217
  padding-left: 0;
220
218
  padding-right: 0;
221
- display: none;
219
+ display: flex;
220
+ justify-content: center;
221
+ width: min-content;
222
222
  }
223
223
 
224
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
224
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
225
225
  display: none
226
226
  }
227
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
227
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
228
228
  display: none
229
229
  }
230
230
 
231
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
232
- display: flex;
233
- align-items: center;
234
- font-weight: 700;
235
- font-size: 12px;
236
- min-width: 1.2em;
231
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
232
+ display: flex;
233
+ align-items: center;
234
+ font-weight: 700;
235
+ font-size: 9px;
236
+ min-width: 0.8em;
237
+ padding-left: 0;
237
238
  }
238
239
 
239
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
240
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
240
241
  display: none;
241
242
  font-size: 11px;
242
243
  justify-content: center;
243
244
  align-items: center;
244
245
  user-select: none;
245
246
  }
246
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
248
  display: none;
248
249
  }
249
250
 
250
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
252
  height: min-content;
252
253
  width: min-content;
253
254
  }
254
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
255
- width: 6em;
255
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
256
+ width: 3em;
257
+ margin-right: 4px;
256
258
  }
257
259
 
258
- .video-js.skin_news_live .content{
260
+ .video-js.skin_mini .content{
259
261
  bottom: 3.4rem !important;
260
262
  right: -4rem !important;
261
263
  }
262
264
 
263
- .setting-icon > svg{
265
+ .video-js.skin_mini .setting-icon > svg{
264
266
  height:18px !important;
265
267
  }
266
268
 
@@ -274,16 +276,16 @@
274
276
  pointer-events:none
275
277
  }
276
278
 
277
- .video-js.skin_news_live iframe{
279
+ .video-js.skin_mini iframe{
278
280
  width: 100%;
279
281
  height: 100%;
280
282
  }
281
283
 
282
- .video-js.skin_news_live .vjs-live-control{
284
+ .video-js.skin_mini .vjs-live-control{
283
285
  align-items: center;
284
- display: none;
286
+ max-width: 5em;
285
287
  }
286
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
288
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
287
289
  height: 2.2em;
288
290
  display: flex;
289
291
  align-items: center;
@@ -291,218 +293,185 @@
291
293
  width: 4em;
292
294
  justify-content: center;
293
295
  background: red;
294
- margin: 4px 0px 4px 12px;
296
+ margin: 4px 0px 4px 2px;
295
297
  }
296
298
 
297
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
299
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
298
300
  text-shadow: none;
299
301
  }
300
-
301
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
302
- display: flex;
303
- justify-content: center;
304
- min-width: 5.3em;
305
- pointer-events: none;
306
- user-select: none;
307
- }
308
-
309
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
310
- color: white;
302
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
303
+ display: none;
304
+ font-size: 12px;
311
305
  }
312
306
 
313
-
314
- .settings-selection.vjs-control.vjs-button{
315
- display: flex !important;
307
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
308
+ height: 1.8em;
309
+ display: inline-flex;
310
+ align-items: center;
311
+ font-family: monospace;
312
+ justify-content: center;
313
+ border: 1.5px solid;
314
+ margin: 4px 0px 4px 2px;
315
+ white-space: pre;
316
+ padding: 2px 4px;
317
+ font-size: 1.2em;
318
+ font-weight: 500;
319
+ color: rgba(255, 255, 2555, 0.7);
316
320
  }
317
321
 
318
- @media(max-width:576px){
319
- .settings-selection.vjs-control.vjs-button{
320
- display: none !important;
321
- }
322
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
323
+ content: "NOT LIVE";
324
+ word-spacing: -4px;
322
325
  }
323
326
 
324
327
 
325
- @media(max-width:576px){
328
+ @media(max-width:600px){
326
329
  .tvProviderImage{
327
330
  display: none
328
331
  }
329
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
332
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
330
333
  .icon-maximize {
331
334
  height: 30px !important;
332
335
  }
333
336
 
334
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
337
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
335
338
  .icon-minimize {
336
339
  height: 30px !important;
337
340
  }
338
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
339
- width: 4.5em;
341
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
342
+ width: 3.5em;
340
343
  }
341
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
344
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
342
345
  height: min-content;
343
346
  }
344
347
 
345
- .video-js.skin_news_live button.vjs-slowmo-button{
348
+ .video-js.skin_mini button.vjs-slowmo-button{
346
349
  display: none;
347
350
  }
348
- .video-js.skin_news_live button.vjs-rewind-button{
351
+ .video-js.skin_mini button.vjs-rewind-button{
349
352
  display: none;
350
353
  }
351
- .video-js.skin_news_live button.vjs-rewind-button>svg{
354
+ .video-js.skin_mini button.vjs-rewind-button>svg{
352
355
  height: 20px;
353
356
  }
354
- .video-js.skin_news_live .vjs-button{
355
- width: 4.8em;
357
+ .video-js.skin_mini .vjs-button{
358
+ width: 3em;
356
359
  }
357
- .video-js.skin_news_live .widget-selection{
360
+ .video-js.skin_mini .widget-selection{
358
361
  display: none;
359
362
  }
360
- .video-js.skin_news_live .container{
363
+ .video-js.skin_mini .container{
361
364
  display: none !important;
362
365
  }
363
- .video-js.skin_news_live .vjs-control-bar{
366
+ .video-js.skin_mini .vjs-control-bar{
364
367
  height: 4em !important;
365
368
  }
366
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
369
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
367
370
  font-size: 2.5em;
368
371
  line-height: 1.5;
369
372
  }
370
- .video-js.skin_news_live .vjs-play-progress:before {
373
+ .video-js.skin_mini .vjs-play-progress:before {
371
374
  font-size: 1.2em;
372
375
  position: absolute;
373
376
  right: -0.5em;
374
377
  z-index: 1;
375
378
  }
376
- .video-js.skin_news_live button.vjs-skip-button>svg{
379
+ .video-js.skin_mini button.vjs-skip-button>svg{
377
380
  height: 20px;
378
381
  }
379
- .video-js.skin_news_live button.vjs-big-play-button {
380
- width: 50px !important;
381
- height: 50px !important;
382
- font-size: 2.1rem !important;
383
- }
384
382
 
385
383
  .stream-selector-icon>svg{
386
384
  width: 24px;
387
385
  height: 24px;
388
386
  }
389
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
390
- margin: 0 12px 0 12px;
391
- }
392
- .video-js.skin_news_live .vjs-seek-to-live-text{
387
+ .video-js.skin_mini .vjs-seek-to-live-text{
393
388
  font-size: 12px;
394
389
  }
395
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
396
- margin: 0 12px 0 12px;
390
+
391
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
392
+ color: white !important;
393
+ font-size: 16px !important;
394
+ background-color: rgba(0,0,0,0.2) !important;
395
+ }
397
396
  }
397
+
398
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
399
+ color: white !important;
400
+ font-size: 16px !important;
401
+ background-color: rgba(0,0,0,0.2) !important;
402
+ }
403
+
404
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
405
+ font-size: 18px !important;
398
406
  }
399
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
400
- width: 90px;
401
- height: 90px;
402
- display: flex;
403
- justify-content: center;
404
- align-items: center;
405
- border-radius: 50%;
406
- position: absolute;
407
- top: 0;
408
- left: 0;
409
- right: 0;
410
- bottom: 0;
411
- margin: auto;
412
- font-size: 6em;
413
- line-height: 1.4em;
407
+
408
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
409
+ margin-bottom: 1rem !important;
414
410
  }
415
411
 
416
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
412
+
413
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
417
414
  display: flex;
418
415
  justify-content: center;
419
416
  align-items: center;
420
417
  height: 100%;
421
418
  transition: width 0.1s;
422
419
  }
420
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
421
+ margin: 2px;
422
+ }
423
423
 
424
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
425
  display: flex;
426
426
  justify-content: center;
427
427
  align-items: center;
428
428
  height: 100%;
429
429
  transition: width 0.1s;
430
430
  }
431
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
432
- display: none !important;
431
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
432
+ display: grid;
433
+ font-size: 10px;
434
+ grid-template-columns: 1fr;
435
+ grid-template-rows: 1fr;
436
+ padding: 1px 0px 0 0px;
437
+ margin: 0;
433
438
  }
434
439
 
435
- @media (max-width: 576px) {
436
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
440
+ @media (max-width: 600px) {
441
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
437
442
  height: 5px !important;
438
443
  }
439
- .video-js.skin_news_live button.vjs-big-play-button {
440
- width: 50px !important;
441
- height: 50px !important;
442
- font-size: 2.1rem !important;
443
- }
444
444
 
445
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
445
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
446
446
  display: none;
447
447
  }
448
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
449
- bottom: 2.4em !important;
450
- right: -1em;
451
- z-index: 1;
452
- }
453
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
454
- display: none !important;
455
- }
456
-
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;
461
- }
462
- }
463
-
464
- .video-js.skin_news_live .vjs-text-track-display-ttml {
465
- width: 100% !important;
466
- }
467
-
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
448
 
474
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
475
- margin-bottom: 2rem !important;
476
449
  }
477
450
 
478
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
479
- font-size: 18px !important;
451
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
452
+ content: none !important;
453
+ fill: none !important;
454
+ filter: none !important;
480
455
  }
481
456
 
482
-
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 {
485
- font-size: 1.2em !important;
486
- line-height: 1.5em !important;
487
- padding: 0.2em 0.8em !important;
457
+ /* svg icons opacity and hover effect */
458
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
459
+ opacity: 0.7 !important;
488
460
  }
489
461
 
490
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
491
- content: none !important;
492
- fill: none !important;
493
- filter: none !important;
462
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
463
+ opacity: 1 !important;
494
464
  }
495
465
 
496
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
466
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
497
467
  color: rgba(255, 255, 2555, 0.7)!important;
498
468
  }
499
469
 
500
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
470
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
501
471
  color: rgba(255, 255, 2555, 1)!important;
502
472
  }
503
473
 
504
474
 
505
-
506
475
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
507
476
  font-size: 2.2em;
508
477
  line-height: 2.6;
@@ -1031,26 +1000,31 @@
1031
1000
 
1032
1001
 
1033
1002
 
1034
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1003
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1035
1004
  font-size: 2.2em;
1036
1005
  line-height: 2.6;
1037
1006
  }
1038
- .video-js.skin_mini{
1039
- overflow: hidden;
1007
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1008
+ background: #fcb700;
1040
1009
  }
1041
- .video-js.skin_mini .vjs-control-bar{
1010
+ .video-js.skin_news_live .vjs-control-bar{
1042
1011
  z-index: 1 !important;
1043
- height: 4em !important;
1012
+ height: 5em !important;
1044
1013
  background: black !important;
1045
1014
  }
1015
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1016
+ display: flex;
1017
+ align-items: center;
1018
+ justify-content: center;
1019
+ }
1046
1020
 
1047
- .video-js.skin_mini .vjs-fade>* {
1021
+ .video-js.skin_news_live .vjs-fade>* {
1048
1022
  visibility: hidden !important;
1049
1023
  opacity: 0 !important;
1050
1024
  transition: visibility 1s, opacity 1s !important;
1051
1025
  }
1052
1026
 
1053
- .video-js.skin_mini .custom-spaced-progress-bar {
1027
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1054
1028
  position: absolute;
1055
1029
  width: 100%;
1056
1030
  display: flex;
@@ -1058,7 +1032,7 @@
1058
1032
  top: -0.5em;
1059
1033
  }
1060
1034
 
1061
- .video-js.skin_mini .vjs-progress-control {
1035
+ .video-js.skin_news_live .vjs-progress-control {
1062
1036
  /* left: -6px; */
1063
1037
  position: relative;
1064
1038
  width: 100%;
@@ -1066,22 +1040,25 @@
1066
1040
  transition: height 0.1s, top 0.1s;
1067
1041
  }
1068
1042
 
1043
+ .video-js.skin_news_live .vjs-volume-panel{
1044
+ min-width: 5.3em;
1045
+ }
1069
1046
 
1070
1047
 
1071
1048
 
1072
- .video-js.skin_mini .vjs-custom-control-spacer {
1073
- display: block;
1074
- flex: 1 1 auto;
1049
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1050
+ /* display: block; */
1051
+ /* flex: 1 1 auto; */
1075
1052
  }
1076
1053
 
1077
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1054
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1078
1055
  margin: 0 0px 0 0px;
1079
1056
  }
1080
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1057
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1081
1058
  display: none;
1082
1059
  }
1083
1060
 
1084
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1061
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1085
1062
  font-size: 14px;
1086
1063
  font-weight: 500;
1087
1064
  align-self: center;
@@ -1090,207 +1067,199 @@
1090
1067
  border-radius: 8px;
1091
1068
  }
1092
1069
 
1093
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1094
- height: 5px !important;
1070
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1071
+ height: 6px !important;
1095
1072
  }
1096
1073
 
1097
- .video-js.skin_mini .vjs-play-progress:before {
1098
- font-size: 1.3em;
1074
+ .video-js.skin_news_live .vjs-play-progress:before {
1075
+ font-size: 1.5em;
1099
1076
  line-height: unset;
1100
1077
  top: -0.3333333333em;
1101
1078
  }
1102
1079
 
1103
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1080
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1104
1081
  display: none !important;
1105
1082
  }
1106
1083
 
1107
1084
  /* */
1108
- .video-js.skin_mini .vjs-mouse-display{
1085
+ .video-js.skin_news_live .vjs-mouse-display{
1109
1086
  font-size: 1.6666666667em;
1110
1087
  }
1111
1088
 
1112
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1089
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1113
1090
  font-size: 1em !important;
1114
1091
  }
1115
1092
 
1116
- .video-js.skin_mini .vjs-button{
1117
- width: 3em;
1093
+ .video-js.skin_news_live .vjs-button{
1094
+ width: 5.3em;
1118
1095
  display: flex;
1119
1096
  align-items: center;
1120
1097
  justify-content: center;
1121
1098
  }
1122
1099
 
1123
1100
 
1124
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1101
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1125
1102
  .icon-maximize {
1126
1103
  display: block;
1127
1104
  height: 32px;
1128
1105
  }
1129
1106
 
1130
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1107
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1131
1108
  line-height: 4;
1132
1109
  }
1133
1110
 
1134
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1111
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1135
1112
  .icon-minimize {
1136
1113
  display: none;
1137
1114
  height: 32px;
1138
1115
  }
1139
1116
 
1140
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1117
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1141
1118
  outline: none !important;
1119
+ /* flex: 1; */
1142
1120
  }
1143
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1121
+ .video-js.skin_news_live .vjs-play-toggle-container{
1122
+ display: flex;
1123
+ flex: 1;
1124
+ justify-content: center;
1125
+ }
1126
+
1127
+
1128
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1144
1129
  .vjs-icon-fullscreen-enter:before {
1145
1130
  /* content: '' !important; */
1146
1131
  }
1147
1132
 
1148
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1133
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1149
1134
  display: flex;
1150
1135
  justify-content: center;
1151
1136
  align-items: center;
1152
1137
  /* transform: rotate(90deg); */
1153
1138
  }
1154
1139
 
1155
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1140
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1156
1141
  display: none;
1157
1142
  }
1158
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1143
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1159
1144
  margin-left: -10px;
1160
- display: none;
1161
- }
1162
-
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
1145
  }
1178
1146
 
1179
- .video-js.skin_mini .skipbtn:hover{
1147
+ .video-js.skin_news_live .skipbtn:hover{
1180
1148
  cursor: pointer;
1181
1149
  }
1182
1150
 
1183
- .video-js.skin_mini .rewindbtn:hover{
1151
+ .video-js.skin_news_live .rewindbtn:hover{
1184
1152
  cursor: pointer;
1185
1153
  }
1186
1154
 
1187
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1155
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1188
1156
  position: relative;
1189
1157
  padding-left: 0;
1190
1158
  }
1191
1159
 
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;
1160
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1161
+ display: none !important;
1209
1162
  }
1210
1163
 
1211
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1164
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1165
+ /* width: 90px;
1166
+ height: 90px;
1167
+ display: flex;
1168
+ justify-content: center;
1169
+ align-items: center;
1170
+ border-radius: 50%;
1171
+ position: absolute;
1172
+ top: 0;
1173
+ left: 0;
1174
+ right: 0;
1175
+ bottom: 0;
1176
+ margin: auto;
1177
+ font-size: 6em;
1178
+ line-height: 1.4em;
1179
+ border: 0.05em solid;
1180
+ color: inherit; */
1181
+ display: none !important;
1182
+ }
1183
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1212
1184
  font-weight: bold;
1213
1185
  }
1214
1186
 
1215
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1216
- bottom: 1.1em !important;
1217
- right: 1em;
1187
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1188
+ bottom: 2.4em !important;
1189
+ right: -1em;
1218
1190
  z-index: 1;
1219
- font-size: 10px;
1220
1191
  }
1221
1192
 
1222
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1193
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1223
1194
  width: 24px !important;
1224
1195
  height: 24px !important;
1225
1196
  }
1226
- .video-js.skin_mini .settings-selector-icon>svg{
1197
+ .settings-selector-icon>svg{
1227
1198
  height: 19px !important;
1228
1199
  width: 19px !important;
1229
1200
  }
1230
1201
 
1231
1202
 
1232
- .video-js.skin_mini button.vjs-rewind-button{
1203
+ .video-js.skin_news_live button.vjs-rewind-button{
1233
1204
  cursor: pointer;
1234
1205
  }
1235
1206
 
1236
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1207
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1237
1208
  padding-right: 0;
1209
+ display: none;
1238
1210
  }
1239
1211
 
1240
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1212
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1241
1213
  padding-left: 0;
1214
+ display: none;
1242
1215
  }
1243
1216
 
1244
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1217
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1245
1218
  padding-left: 0;
1246
1219
  padding-right: 0;
1247
- display: flex;
1248
- justify-content: center;
1249
- width: min-content;
1220
+ display: none;
1250
1221
  }
1251
1222
 
1252
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1223
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1253
1224
  display: none
1254
1225
  }
1255
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1226
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1256
1227
  display: none
1257
1228
  }
1258
1229
 
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;
1230
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1231
+ display: flex;
1232
+ align-items: center;
1233
+ font-weight: 700;
1234
+ font-size: 12px;
1235
+ min-width: 1.2em;
1266
1236
  }
1267
1237
 
1268
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1238
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1269
1239
  display: none;
1270
1240
  font-size: 11px;
1271
1241
  justify-content: center;
1272
1242
  align-items: center;
1273
1243
  user-select: none;
1274
1244
  }
1275
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1245
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1276
1246
  display: none;
1277
1247
  }
1278
1248
 
1279
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1249
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1280
1250
  height: min-content;
1281
1251
  width: min-content;
1282
1252
  }
1283
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1284
- width: 3em;
1285
- margin-right: 4px;
1253
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1254
+ width: 6em;
1286
1255
  }
1287
1256
 
1288
- .video-js.skin_mini .content{
1257
+ .video-js.skin_news_live .content{
1289
1258
  bottom: 3.4rem !important;
1290
1259
  right: -4rem !important;
1291
1260
  }
1292
1261
 
1293
- .video-js.skin_mini .setting-icon > svg{
1262
+ .setting-icon > svg{
1294
1263
  height:18px !important;
1295
1264
  }
1296
1265
 
@@ -1304,16 +1273,16 @@
1304
1273
  pointer-events:none
1305
1274
  }
1306
1275
 
1307
- .video-js.skin_mini iframe{
1276
+ .video-js.skin_news_live iframe{
1308
1277
  width: 100%;
1309
1278
  height: 100%;
1310
1279
  }
1311
1280
 
1312
- .video-js.skin_mini .vjs-live-control{
1281
+ .video-js.skin_news_live .vjs-live-control{
1313
1282
  align-items: center;
1314
- max-width: 5em;
1283
+ display: none;
1315
1284
  }
1316
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1285
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1317
1286
  height: 2.2em;
1318
1287
  display: flex;
1319
1288
  align-items: center;
@@ -1321,188 +1290,219 @@
1321
1290
  width: 4em;
1322
1291
  justify-content: center;
1323
1292
  background: red;
1324
- margin: 4px 0px 4px 2px;
1293
+ margin: 4px 0px 4px 12px;
1325
1294
  }
1326
1295
 
1327
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1296
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1328
1297
  text-shadow: none;
1329
1298
  }
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
- }
1334
1299
 
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;
1300
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1301
+ display: flex;
1340
1302
  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);
1303
+ min-width: 5.3em;
1304
+ pointer-events: none;
1305
+ user-select: none;
1348
1306
  }
1349
1307
 
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;
1308
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1309
+ color: white;
1353
1310
  }
1354
1311
 
1355
1312
 
1356
- @media(max-width:600px){
1313
+ .settings-selection.vjs-control.vjs-button{
1314
+ display: flex !important;
1315
+ }
1316
+
1317
+ @media(max-width:576px){
1318
+ .settings-selection.vjs-control.vjs-button{
1319
+ display: none !important;
1320
+ }
1321
+ }
1322
+
1323
+
1324
+ @media(max-width:576px){
1357
1325
  .tvProviderImage{
1358
1326
  display: none
1359
1327
  }
1360
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1328
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1361
1329
  .icon-maximize {
1362
1330
  height: 30px !important;
1363
1331
  }
1364
1332
 
1365
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1333
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1366
1334
  .icon-minimize {
1367
1335
  height: 30px !important;
1368
1336
  }
1369
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1370
- width: 3.5em;
1337
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1338
+ width: 4.5em;
1371
1339
  }
1372
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1340
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1373
1341
  height: min-content;
1374
1342
  }
1375
1343
 
1376
- .video-js.skin_mini button.vjs-slowmo-button{
1344
+ .video-js.skin_news_live button.vjs-slowmo-button{
1377
1345
  display: none;
1378
1346
  }
1379
- .video-js.skin_mini button.vjs-rewind-button{
1347
+ .video-js.skin_news_live button.vjs-rewind-button{
1380
1348
  display: none;
1381
1349
  }
1382
- .video-js.skin_mini button.vjs-rewind-button>svg{
1350
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1383
1351
  height: 20px;
1384
1352
  }
1385
- .video-js.skin_mini .vjs-button{
1386
- width: 3em;
1353
+ .video-js.skin_news_live .vjs-button{
1354
+ width: 4.8em;
1387
1355
  }
1388
- .video-js.skin_mini .widget-selection{
1356
+ .video-js.skin_news_live .widget-selection{
1389
1357
  display: none;
1390
1358
  }
1391
- .video-js.skin_mini .container{
1359
+ .video-js.skin_news_live .container{
1392
1360
  display: none !important;
1393
1361
  }
1394
- .video-js.skin_mini .vjs-control-bar{
1362
+ .video-js.skin_news_live .vjs-control-bar{
1395
1363
  height: 4em !important;
1396
1364
  }
1397
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1365
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1398
1366
  font-size: 2.5em;
1399
1367
  line-height: 1.5;
1400
1368
  }
1401
- .video-js.skin_mini .vjs-play-progress:before {
1369
+ .video-js.skin_news_live .vjs-play-progress:before {
1402
1370
  font-size: 1.2em;
1403
1371
  position: absolute;
1404
1372
  right: -0.5em;
1405
1373
  z-index: 1;
1406
1374
  }
1407
- .video-js.skin_mini button.vjs-skip-button>svg{
1375
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1408
1376
  height: 20px;
1409
1377
  }
1378
+ .video-js.skin_news_live button.vjs-big-play-button {
1379
+ width: 50px !important;
1380
+ height: 50px !important;
1381
+ font-size: 2.1rem !important;
1382
+ }
1410
1383
 
1411
1384
  .stream-selector-icon>svg{
1412
1385
  width: 24px;
1413
1386
  height: 24px;
1414
1387
  }
1415
- .video-js.skin_mini .vjs-seek-to-live-text{
1416
- font-size: 12px;
1388
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1389
+ margin: 0 12px 0 12px;
1417
1390
  }
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
- }
1391
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1392
+ font-size: 12px;
1424
1393
  }
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;
1394
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1395
+ margin: 0 12px 0 12px;
1430
1396
  }
1431
-
1432
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1433
- font-size: 18px !important;
1434
1397
  }
1435
-
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;
1398
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1399
+ width: 90px;
1400
+ height: 90px;
1401
+ display: flex;
1402
+ justify-content: center;
1403
+ align-items: center;
1404
+ border-radius: 50%;
1405
+ position: absolute;
1406
+ top: 0;
1407
+ left: 0;
1408
+ right: 0;
1409
+ bottom: 0;
1410
+ margin: auto;
1411
+ font-size: 6em;
1412
+ line-height: 1.4em;
1438
1413
  }
1439
1414
 
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
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1442
1416
  display: flex;
1443
1417
  justify-content: center;
1444
1418
  align-items: center;
1445
1419
  height: 100%;
1446
1420
  transition: width 0.1s;
1447
1421
  }
1448
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1449
- margin: 2px;
1450
- }
1451
1422
 
1452
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1423
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1453
1424
  display: flex;
1454
1425
  justify-content: center;
1455
1426
  align-items: center;
1456
1427
  height: 100%;
1457
1428
  transition: width 0.1s;
1458
1429
  }
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;
1430
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1431
+ display: none !important;
1466
1432
  }
1467
1433
 
1468
- @media (max-width: 600px) {
1469
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1434
+ @media (max-width: 576px) {
1435
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1470
1436
  height: 5px !important;
1471
1437
  }
1438
+ .video-js.skin_news_live button.vjs-big-play-button {
1439
+ width: 50px !important;
1440
+ height: 50px !important;
1441
+ font-size: 2.1rem !important;
1442
+ }
1472
1443
 
1473
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1444
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1474
1445
  display: none;
1475
1446
  }
1447
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1448
+ bottom: 2.4em !important;
1449
+ right: -1em;
1450
+ z-index: 1;
1451
+ }
1452
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1453
+ display: none !important;
1454
+ }
1476
1455
 
1456
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1457
+ color: white !important;
1458
+ font-size: 13px !important;
1459
+ background-color: black !important;
1460
+ }
1477
1461
  }
1478
1462
 
1479
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1480
- content: none !important;
1481
- fill: none !important;
1482
- filter: none !important;
1463
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1464
+ width: 100% !important;
1483
1465
  }
1484
1466
 
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;
1467
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1468
+ color: white !important;
1469
+ font-size: 16px !important;
1470
+ background-color: black !important;
1488
1471
  }
1489
1472
 
1490
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1491
- opacity: 1 !important;
1473
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1474
+ margin-bottom: 2rem !important;
1492
1475
  }
1493
1476
 
1494
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1477
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1478
+ font-size: 18px !important;
1479
+ }
1480
+
1481
+
1482
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1483
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1484
+ font-size: 1.2em !important;
1485
+ line-height: 1.5em !important;
1486
+ padding: 0.2em 0.8em !important;
1487
+ }
1488
+
1489
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1490
+ content: none !important;
1491
+ fill: none !important;
1492
+ filter: none !important;
1493
+ }
1494
+
1495
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1495
1496
  color: rgba(255, 255, 2555, 0.7)!important;
1496
1497
  }
1497
1498
 
1498
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1499
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1499
1500
  color: rgba(255, 255, 2555, 1)!important;
1500
1501
  }
1501
1502
 
1502
1503
 
1503
1504
 
1504
1505
 
1505
-
1506
1506
  .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1507
1507
  height: 0.7em;
1508
1508
  position: absolute;
@@ -1879,8 +1879,6 @@
1879
1879
 
1880
1880
 
1881
1881
 
1882
-
1883
-
1884
1882
  .video-js .multicamera-parent.default{
1885
1883
  height: 345px;
1886
1884
  position: absolute;
@@ -1962,6 +1960,8 @@
1962
1960
 
1963
1961
 
1964
1962
 
1963
+
1964
+
1965
1965
  .vjs-custom-big-mute.vjs-control{
1966
1966
  position: absolute;
1967
1967
  align-items: center;