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