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