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