@viewlift/player-backup 2.0.199-backup → 2.0.201-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 +499 -499
  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 +499 -499
  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,31 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
4
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
5
5
  font-size: 2.2em;
6
6
  line-height: 2.6;
7
7
  }
8
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
9
- background: #fcb700;
8
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
+ background: white;
10
10
  }
11
- .video-js.skin_news_live .vjs-control-bar{
11
+ .video-js.skin_news .vjs-control-bar{
12
12
  z-index: 1 !important;
13
13
  height: 5em !important;
14
14
  background: black !important;
15
15
  }
16
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
16
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
17
17
  display: flex;
18
18
  align-items: center;
19
19
  justify-content: center;
20
20
  }
21
21
 
22
- .video-js.skin_news_live .vjs-fade>* {
22
+ .video-js.skin_news .vjs-fade>* {
23
23
  visibility: hidden !important;
24
24
  opacity: 0 !important;
25
25
  transition: visibility 1s, opacity 1s !important;
26
26
  }
27
27
 
28
- .video-js.skin_news_live .custom-spaced-progress-bar {
28
+ .video-js.skin_news .custom-spaced-progress-bar {
29
29
  position: absolute;
30
30
  width: 100%;
31
31
  display: flex;
@@ -33,7 +33,7 @@
33
33
  top: -0.5em;
34
34
  }
35
35
 
36
- .video-js.skin_news_live .vjs-progress-control {
36
+ .video-js.skin_news .vjs-progress-control {
37
37
  /* left: -6px; */
38
38
  position: relative;
39
39
  width: 100%;
@@ -41,25 +41,22 @@
41
41
  transition: height 0.1s, top 0.1s;
42
42
  }
43
43
 
44
- .video-js.skin_news_live .vjs-volume-panel{
45
- min-width: 5.3em;
46
- }
47
44
 
48
45
 
49
46
 
50
- .video-js.skin_news_live .vjs-custom-control-spacer {
51
- /* display: block; */
52
- /* flex: 1 1 auto; */
47
+ .video-js.skin_news .vjs-custom-control-spacer {
48
+ display: block;
49
+ flex: 1 1 auto;
53
50
  }
54
51
 
55
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
52
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
56
53
  margin: 0 0px 0 0px;
57
54
  }
58
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
55
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
59
56
  display: none;
60
57
  }
61
58
 
62
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
59
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
63
60
  font-size: 14px;
64
61
  font-weight: 500;
65
62
  align-self: center;
@@ -68,30 +65,30 @@
68
65
  border-radius: 8px;
69
66
  }
70
67
 
71
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
68
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
72
69
  height: 6px !important;
73
70
  }
74
71
 
75
- .video-js.skin_news_live .vjs-play-progress:before {
72
+ .video-js.skin_news .vjs-play-progress:before {
76
73
  font-size: 1.5em;
77
74
  line-height: unset;
78
75
  top: -0.3333333333em;
79
76
  }
80
77
 
81
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
78
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
82
79
  display: none !important;
83
80
  }
84
81
 
85
82
  /* */
86
- .video-js.skin_news_live .vjs-mouse-display{
83
+ .video-js.skin_news .vjs-mouse-display{
87
84
  font-size: 1.6666666667em;
88
85
  }
89
86
 
90
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
87
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
91
88
  font-size: 1em !important;
92
89
  }
93
90
 
94
- .video-js.skin_news_live .vjs-button{
91
+ .video-js.skin_news .vjs-button{
95
92
  width: 5.3em;
96
93
  display: flex;
97
94
  align-items: center;
@@ -99,71 +96,63 @@
99
96
  }
100
97
 
101
98
 
102
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
99
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
103
100
  .icon-maximize {
104
101
  display: block;
105
102
  height: 32px;
106
103
  }
107
104
 
108
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
105
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
109
106
  line-height: 4;
110
107
  }
111
108
 
112
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
109
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
113
110
  .icon-minimize {
114
111
  display: none;
115
112
  height: 32px;
116
113
  }
117
114
 
118
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
115
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
119
116
  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
117
  }
127
-
128
-
129
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
118
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
130
119
  .vjs-icon-fullscreen-enter:before {
131
120
  /* content: '' !important; */
132
121
  }
133
122
 
134
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
123
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
135
124
  display: flex;
136
125
  justify-content: center;
137
126
  align-items: center;
138
127
  /* transform: rotate(90deg); */
139
128
  }
140
129
 
141
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
130
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
142
131
  display: none;
143
132
  }
144
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
133
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
145
134
  margin-left: -10px;
146
135
  }
147
136
 
148
- .video-js.skin_news_live .skipbtn:hover{
137
+ .video-js.skin_news .skipbtn:hover{
149
138
  cursor: pointer;
150
139
  }
151
140
 
152
- .video-js.skin_news_live .rewindbtn:hover{
141
+ .video-js.skin_news .rewindbtn:hover{
153
142
  cursor: pointer;
154
143
  }
155
144
 
156
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
145
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
157
146
  position: relative;
158
147
  padding-left: 0;
159
148
  }
160
149
 
161
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
150
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
162
151
  display: none !important;
163
152
  }
164
153
 
165
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
166
- /* width: 90px;
154
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
+ width: 90px;
167
156
  height: 90px;
168
157
  display: flex;
169
158
  justify-content: center;
@@ -178,20 +167,19 @@
178
167
  font-size: 6em;
179
168
  line-height: 1.4em;
180
169
  border: 0.05em solid;
181
- color: inherit; */
182
- display: none !important;
170
+ color: inherit;
183
171
  }
184
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
172
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
185
173
  font-weight: bold;
186
174
  }
187
175
 
188
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
176
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
189
177
  bottom: 2.4em !important;
190
178
  right: -1em;
191
179
  z-index: 1;
192
180
  }
193
181
 
194
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
182
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
195
183
  width: 24px !important;
196
184
  height: 24px !important;
197
185
  }
@@ -201,34 +189,34 @@
201
189
  }
202
190
 
203
191
 
204
- .video-js.skin_news_live button.vjs-rewind-button{
192
+ .video-js.skin_news button.vjs-rewind-button{
205
193
  cursor: pointer;
206
194
  }
207
195
 
208
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
196
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
197
  padding-right: 0;
210
- display: none;
211
198
  }
212
199
 
213
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
200
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
214
201
  padding-left: 0;
215
- display: none;
216
202
  }
217
203
 
218
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
204
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
219
205
  padding-left: 0;
220
206
  padding-right: 0;
221
- display: none;
207
+ display: flex;
208
+ justify-content: center;
209
+ width: min-content;
222
210
  }
223
211
 
224
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
212
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
225
213
  display: none
226
214
  }
227
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
215
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
228
216
  display: none
229
217
  }
230
218
 
231
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
219
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
232
220
  display: flex;
233
221
  align-items: center;
234
222
  font-weight: 700;
@@ -236,26 +224,26 @@
236
224
  min-width: 1.2em;
237
225
  }
238
226
 
239
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
227
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
240
228
  display: none;
241
229
  font-size: 11px;
242
230
  justify-content: center;
243
231
  align-items: center;
244
232
  user-select: none;
245
233
  }
246
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
234
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
247
235
  display: none;
248
236
  }
249
237
 
250
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
238
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
251
239
  height: min-content;
252
240
  width: min-content;
253
241
  }
254
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
242
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
255
243
  width: 6em;
256
244
  }
257
245
 
258
- .video-js.skin_news_live .content{
246
+ .video-js.skin_news .content{
259
247
  bottom: 3.4rem !important;
260
248
  right: -4rem !important;
261
249
  }
@@ -279,11 +267,10 @@ iframe{
279
267
  height: 100%;
280
268
  }
281
269
 
282
- .video-js.skin_news_live .vjs-live-control{
270
+ .video-js.skin_news .vjs-live-control{
283
271
  align-items: center;
284
- display: none;
285
272
  }
286
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
273
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
287
274
  height: 2.2em;
288
275
  display: flex;
289
276
  align-items: center;
@@ -294,22 +281,43 @@ iframe{
294
281
  margin: 4px 0px 4px 12px;
295
282
  }
296
283
 
297
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
284
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
298
285
  text-shadow: none;
299
286
  }
287
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
288
+ display: none;
289
+ font-size: 12px;
290
+ }
300
291
 
301
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
302
- display: flex;
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; */
303
297
  justify-content: center;
304
- min-width: 5.3em;
305
- pointer-events: none;
306
- user-select: none;
298
+ border: 2px solid;
299
+ margin: 4px 0px 4px 6px;
300
+ white-space: pre;
301
+ padding: 0px 6px;
302
+ font-size: 1.2em;
303
+ font-weight: 500;
304
+ color: rgba(255, 255, 2555, 0.7);
305
+
306
+ letter-spacing: -.1px;
307
+ line-height: normal;
308
+ text-transform: uppercase;
309
+ color: #FFFFFF;
310
+ opacity: .7;
311
+ font-family: "Proxima Nova";
307
312
  }
308
313
 
309
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
310
- color: white;
314
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
+ opacity: 1;
311
316
  }
312
317
 
318
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
319
+ content: "NOT LIVE";
320
+ }
313
321
 
314
322
  .settings-selection.vjs-control.vjs-button{
315
323
  display: flex !important;
@@ -326,57 +334,57 @@ iframe{
326
334
  .tvProviderImage{
327
335
  display: none
328
336
  }
329
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
337
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
330
338
  .icon-maximize {
331
339
  height: 30px !important;
332
340
  }
333
341
 
334
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
342
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
335
343
  .icon-minimize {
336
344
  height: 30px !important;
337
345
  }
338
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
346
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
339
347
  width: 4.5em;
340
348
  }
341
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
349
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
342
350
  height: min-content;
343
351
  }
344
352
 
345
- .video-js.skin_news_live button.vjs-slowmo-button{
353
+ .video-js.skin_news button.vjs-slowmo-button{
346
354
  display: none;
347
355
  }
348
- .video-js.skin_news_live button.vjs-rewind-button{
356
+ .video-js.skin_news button.vjs-rewind-button{
349
357
  display: none;
350
358
  }
351
- .video-js.skin_news_live button.vjs-rewind-button>svg{
359
+ .video-js.skin_news button.vjs-rewind-button>svg{
352
360
  height: 20px;
353
361
  }
354
- .video-js.skin_news_live .vjs-button{
362
+ .video-js.skin_news .vjs-button{
355
363
  width: 4.8em;
356
364
  }
357
- .video-js.skin_news_live .widget-selection{
365
+ .video-js.skin_news .widget-selection{
358
366
  display: none;
359
367
  }
360
- .video-js.skin_news_live .container{
368
+ .video-js.skin_news .container{
361
369
  display: none !important;
362
370
  }
363
- .video-js.skin_news_live .vjs-control-bar{
371
+ .video-js.skin_news .vjs-control-bar{
364
372
  height: 4em !important;
365
373
  }
366
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
374
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
367
375
  font-size: 2.5em;
368
376
  line-height: 1.5;
369
377
  }
370
- .video-js.skin_news_live .vjs-play-progress:before {
378
+ .video-js.skin_news .vjs-play-progress:before {
371
379
  font-size: 1.2em;
372
380
  position: absolute;
373
381
  right: -0.5em;
374
382
  z-index: 1;
375
383
  }
376
- .video-js.skin_news_live button.vjs-skip-button>svg{
384
+ .video-js.skin_news button.vjs-skip-button>svg{
377
385
  height: 20px;
378
386
  }
379
- .video-js.skin_news_live button.vjs-big-play-button {
387
+ .video-js.skin_news button.vjs-big-play-button {
380
388
  width: 50px !important;
381
389
  height: 50px !important;
382
390
  font-size: 2.1rem !important;
@@ -386,17 +394,17 @@ iframe{
386
394
  width: 24px;
387
395
  height: 24px;
388
396
  }
389
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
397
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
390
398
  margin: 0 12px 0 12px;
391
399
  }
392
- .video-js.skin_news_live .vjs-seek-to-live-text{
400
+ .video-js.skin_news .vjs-seek-to-live-text{
393
401
  font-size: 12px;
394
402
  }
395
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
403
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
396
404
  margin: 0 12px 0 12px;
397
405
  }
398
406
  }
399
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
407
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
400
408
  width: 90px;
401
409
  height: 90px;
402
410
  display: flex;
@@ -413,7 +421,7 @@ iframe{
413
421
  line-height: 1.4em;
414
422
  }
415
423
 
416
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
424
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
417
425
  display: flex;
418
426
  justify-content: center;
419
427
  align-items: center;
@@ -421,22 +429,29 @@ iframe{
421
429
  transition: width 0.1s;
422
430
  }
423
431
 
424
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
432
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
433
  display: flex;
426
434
  justify-content: center;
427
435
  align-items: center;
428
436
  height: 100%;
429
437
  transition: width 0.1s;
430
438
  }
431
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
439
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
432
440
  display: none !important;
433
441
  }
442
+ .video-js.skin_news .ssai-ad-container{
443
+ position: absolute;
444
+ bottom: 14px;
445
+ }
434
446
 
435
447
  @media (max-width: 576px) {
436
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
448
+ .video-js.skin_news .ssai-ad-container{
449
+ bottom: 2px;
450
+ }
451
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
437
452
  height: 5px !important;
438
453
  }
439
- .video-js.skin_news_live button.vjs-big-play-button {
454
+ .video-js.skin_news button.vjs-big-play-button {
440
455
  width: 50px !important;
441
456
  height: 50px !important;
442
457
  font-size: 2.1rem !important;
@@ -445,65 +460,312 @@ iframe{
445
460
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
446
461
  display: none;
447
462
  }
448
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
463
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
449
464
  bottom: 2.4em !important;
450
465
  right: -1em;
451
466
  z-index: 1;
452
467
  }
453
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
468
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
454
469
  display: none !important;
455
470
  }
456
471
 
457
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
472
+ .video-js.skin_news .vjs-text-track-display-ttml span {
458
473
  color: white !important;
459
474
  font-size: 13px !important;
460
475
  background-color: black !important;
461
476
  }
462
477
  }
463
478
 
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 {
479
+ .video-js.skin_news .vjs-text-track-display-ttml span {
469
480
  color: white !important;
470
481
  font-size: 16px !important;
471
482
  background-color: black !important;
472
483
  }
473
484
 
474
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
485
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
475
486
  margin-bottom: 2rem !important;
476
487
  }
477
488
 
478
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
489
+ .video-js.skin_news .vjs-text-track-display-ttml p {
479
490
  font-size: 18px !important;
480
491
  }
481
492
 
482
493
 
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 {
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 {
485
496
  font-size: 1.2em !important;
486
497
  line-height: 1.5em !important;
487
498
  padding: 0.2em 0.8em !important;
488
499
  }
489
500
 
490
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
501
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
491
502
  content: none !important;
492
503
  fill: none !important;
493
504
  filter: none !important;
494
505
  }
495
506
 
496
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
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;
510
+ }
511
+
512
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
513
+ opacity: 1 !important;
514
+ }
515
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
516
+ opacity: 0.7 !important;
517
+ }
518
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
519
+ opacity: 1 !important;
520
+ }
521
+
522
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
497
523
  color: rgba(255, 255, 2555, 0.7)!important;
498
524
  }
499
525
 
500
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
526
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
501
527
  color: rgba(255, 255, 2555, 1)!important;
502
528
  }
503
529
 
504
530
 
505
531
 
506
532
 
533
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
534
+ height: 0.7em;
535
+ position: absolute;
536
+ top: -0.7em;
537
+ width: 100%;
538
+ }
539
+
540
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
541
+ height: 100%;
542
+ }
543
+
544
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
545
+ line-height: 2.5;
546
+ }
547
+
548
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
549
+ height: 19px;
550
+ width: 19px;
551
+ cursor: pointer;
552
+ }
553
+ .video-js.skin_vlone .vjs-control {
554
+ user-select: none;
555
+ }
556
+ .video-js.skin_vlone .vjs-custom-control-spacer{
557
+ user-select: none;
558
+ }
559
+
560
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
561
+ height: 19px;
562
+ width: 19px;
563
+ cursor: pointer;
564
+ }
565
+
566
+ .video-js.skin_vlone .vjs-play-progress:before {
567
+ display: none !important;
568
+ }
569
+
570
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
571
+ margin: 0 !important;
572
+
573
+ }
574
+
575
+
576
+ .video-js.skin_vlone .vjs-custom-control-spacer {
577
+ display: block;
578
+ flex: 1 1 auto;
579
+ }
580
+
581
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
582
+ z-index: 1;
583
+ }
584
+
585
+
586
+ .video-js.skin_vlone .vjs-control-bar {
587
+ height: 40px;
588
+ }
589
+
590
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
591
+ .vjs-button>.vjs-icon-placeholder:before {
592
+ position: relative !important;
593
+ }
594
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
595
+ display: flex;
596
+ left: 0px;
597
+ top: -1px;
598
+ }
599
+
600
+ .vjs-button>.vjs-icon-placeholder:before {
601
+ font-size: 2em !important;
602
+ }
603
+
604
+ .video-js.skin_vlone .vjs-control {
605
+ width: 4.3em;
606
+ }
607
+
608
+ .vjs-menu-button-popup .vjs-menu {
609
+ bottom: 10px !important;
610
+ }
611
+
612
+
613
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
614
+ height: 1.3em;
615
+ position: absolute;
616
+ top: -1.3em;
617
+ transition: height 0.3s, top 0.3s;
618
+ }
619
+
620
+
621
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
622
+ display: none !important;
623
+ }
624
+
625
+ .video-js.skin_vlone .vjs-time-control {
626
+ display: block;
627
+ }
628
+ .video-js.skin_vlone .vjs-remaining-time {
629
+ display: none;
630
+ }
631
+
632
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
633
+ line-height: 3.5em;
634
+ font-size: 1.1em;
635
+ min-width: 4em;
636
+ }
637
+
638
+ .video-js.skin_vlone .vjs-time-divider > div{
639
+ display: flex;
640
+ justify-content: center;
641
+ }
642
+
643
+ .video-js.skin_vlone .vjs-live-control{
644
+ align-items: center;
645
+ }
646
+ .video-js.skin_vlone .vjs-live-display{
647
+ height: 2.2em;
648
+ display: flex;
649
+ align-items: center;
650
+ font-family: monospace;
651
+ width: 4em;
652
+ justify-content: center;
653
+ background: red;
654
+ margin: 4px 0px 4px 12px;
655
+ }
656
+ .video-js.skin_vlone .vjs-live-display:hover{
657
+ cursor: pointer;
658
+ }
659
+
660
+ .video-js.skin_vlone .vjs-time-control {
661
+ line-height: 3.5em !important;
662
+ font-size: 1.1em !important;
663
+ width: min-content !important;
664
+ min-width: 1.5em;
665
+ padding: 0 !important;
666
+ user-select: none;
667
+ }
668
+
669
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
670
+ margin-left: 16px !important;
671
+ }
672
+
673
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
674
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
675
+ font-size: 1.2em !important;
676
+ line-height: 1.5em !important;
677
+ padding: 0.2em 0.8em !important;
678
+ }
679
+
680
+
681
+ /* Big play */
682
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
683
+ width: 80px;
684
+ height: 80px;
685
+ display: flex;
686
+ justify-content: center;
687
+ align-items: center;
688
+ border: none;
689
+ position: absolute;
690
+ top: 0;
691
+ left: 0;
692
+ right: 0;
693
+ bottom: 0;
694
+ margin: auto;
695
+ font-size: 5em;
696
+ line-height: 1.3em;
697
+ transform: none !important;
698
+ border-radius: 1.3em;
699
+ }
700
+ .video-js.skin_vlone .ssai-ad-container{
701
+ position: absolute;
702
+ bottom: 4px;
703
+ }
704
+
705
+ @media(max-width:600px){
706
+ .video-js.skin_vlone button.vjs-big-play-button {
707
+ width: 50px !important;
708
+ height: 50px !important;
709
+ font-size: 2.1rem !important;
710
+ }
711
+
712
+ .video-js.skin_vlone .ssai-ad-container {
713
+ position: absolute;
714
+ bottom: 2px;
715
+ }
716
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
717
+ display: none;
718
+ }
719
+
720
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
721
+ display: none;
722
+ }
723
+
724
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
725
+ display: none;
726
+ }
727
+ }
728
+
729
+
730
+
731
+ .video-js .content {
732
+ border-radius: 0;
733
+ background-color: rgba(43, 51, 63, 0.7);
734
+ }
735
+ .video-js .resolution {
736
+ min-width: 100px;
737
+ }
738
+ .video-js .content .resolution .title {
739
+ display: none;
740
+ }
741
+ .video-js .resolution .rendition{
742
+ display: flex;
743
+ list-style: none;
744
+ margin: 0;
745
+ line-height: 1.4em;
746
+ font-size: 12px;
747
+ text-align: center;
748
+ }
749
+ .video-js .rendition {
750
+ padding: 4px 20px;
751
+ }
752
+ .video-js .rendition span {
753
+ background: none;
754
+ }
755
+ .video-js .resolution .renditions .relative:hover {
756
+ background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5)
757
+ }
758
+ .video-js .resolution .renditions .relative .rendition.selected {
759
+ background-color: #fff;
760
+ color: #2B333F;
761
+ font-weight: normal;
762
+ }
763
+
764
+ .video-js .resolution .renditions .relative .rendition.selected span{
765
+ color: #2B333F;
766
+ font-weight: bold
767
+ }
768
+
507
769
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
508
770
  font-size: 2.2em;
509
771
  line-height: 2.6;
@@ -973,31 +1235,33 @@ iframe{
973
1235
  }
974
1236
 
975
1237
 
976
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
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
-
1018
-
1019
- .video-js.skin_news .vjs-custom-control-spacer {
1020
- display: block;
1021
- flex: 1 1 auto;
1284
+
1285
+
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,57 +1562,57 @@ 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{
1612
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1357
1613
  height: 20px;
1358
1614
  }
1359
- .video-js.skin_news button.vjs-big-play-button {
1615
+ .video-js.skin_news_live button.vjs-big-play-button {
1360
1616
  width: 50px !important;
1361
1617
  height: 50px !important;
1362
1618
  font-size: 2.1rem !important;
@@ -1366,17 +1622,17 @@ iframe{
1366
1622
  width: 24px;
1367
1623
  height: 24px;
1368
1624
  }
1369
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1625
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1370
1626
  margin: 0 12px 0 12px;
1371
1627
  }
1372
- .video-js.skin_news .vjs-seek-to-live-text{
1628
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1373
1629
  font-size: 12px;
1374
1630
  }
1375
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1631
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1376
1632
  margin: 0 12px 0 12px;
1377
1633
  }
1378
1634
  }
1379
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1635
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1380
1636
  width: 90px;
1381
1637
  height: 90px;
1382
1638
  display: flex;
@@ -1393,7 +1649,7 @@ iframe{
1393
1649
  line-height: 1.4em;
1394
1650
  }
1395
1651
 
1396
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1652
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1397
1653
  display: flex;
1398
1654
  justify-content: center;
1399
1655
  align-items: center;
@@ -1401,29 +1657,22 @@ iframe{
1401
1657
  transition: width 0.1s;
1402
1658
  }
1403
1659
 
1404
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1660
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1405
1661
  display: flex;
1406
1662
  justify-content: center;
1407
1663
  align-items: center;
1408
1664
  height: 100%;
1409
1665
  transition: width 0.1s;
1410
1666
  }
1411
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1667
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1412
1668
  display: none !important;
1413
1669
  }
1414
- .video-js.skin_news .ssai-ad-container{
1415
- position: absolute;
1416
- bottom: 14px;
1417
- }
1418
1670
 
1419
1671
  @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{
1672
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1424
1673
  height: 5px !important;
1425
1674
  }
1426
- .video-js.skin_news button.vjs-big-play-button {
1675
+ .video-js.skin_news_live button.vjs-big-play-button {
1427
1676
  width: 50px !important;
1428
1677
  height: 50px !important;
1429
1678
  font-size: 2.1rem !important;
@@ -1432,313 +1681,64 @@ iframe{
1432
1681
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1433
1682
  display: none;
1434
1683
  }
1435
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1684
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1436
1685
  bottom: 2.4em !important;
1437
1686
  right: -1em;
1438
1687
  z-index: 1;
1439
1688
  }
1440
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1689
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1441
1690
  display: none !important;
1442
1691
  }
1443
1692
 
1444
- .video-js.skin_news .vjs-text-track-display-ttml span {
1693
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1445
1694
  color: white !important;
1446
1695
  font-size: 13px !important;
1447
1696
  background-color: black !important;
1448
1697
  }
1449
1698
  }
1450
1699
 
1451
- .video-js.skin_news .vjs-text-track-display-ttml span {
1700
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1701
+ width: 100% !important;
1702
+ }
1703
+
1704
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1452
1705
  color: white !important;
1453
1706
  font-size: 16px !important;
1454
1707
  background-color: black !important;
1455
1708
  }
1456
1709
 
1457
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1710
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1458
1711
  margin-bottom: 2rem !important;
1459
1712
  }
1460
1713
 
1461
- .video-js.skin_news .vjs-text-track-display-ttml p {
1714
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1462
1715
  font-size: 18px !important;
1463
1716
  }
1464
1717
 
1465
1718
 
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 {
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 {
1468
1721
  font-size: 1.2em !important;
1469
1722
  line-height: 1.5em !important;
1470
1723
  padding: 0.2em 0.8em !important;
1471
1724
  }
1472
1725
 
1473
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1726
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1474
1727
  content: none !important;
1475
1728
  fill: none !important;
1476
1729
  filter: none !important;
1477
1730
  }
1478
1731
 
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 {
1732
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1495
1733
  color: rgba(255, 255, 2555, 0.7)!important;
1496
1734
  }
1497
1735
 
1498
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1736
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1499
1737
  color: rgba(255, 255, 2555, 1)!important;
1500
1738
  }
1501
1739
 
1502
1740
 
1503
1741
 
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;
1536
- }
1537
-
1538
- .video-js.skin_vlone .vjs-play-progress:before {
1539
- display: none !important;
1540
- }
1541
-
1542
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1543
- margin: 0 !important;
1544
-
1545
- }
1546
-
1547
-
1548
- .video-js.skin_vlone .vjs-custom-control-spacer {
1549
- display: block;
1550
- flex: 1 1 auto;
1551
- }
1552
-
1553
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1554
- z-index: 1;
1555
- }
1556
-
1557
-
1558
- .video-js.skin_vlone .vjs-control-bar {
1559
- height: 40px;
1560
- }
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
- }
1566
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1567
- display: flex;
1568
- left: 0px;
1569
- top: -1px;
1570
- }
1571
-
1572
- .vjs-button>.vjs-icon-placeholder:before {
1573
- font-size: 2em !important;
1574
- }
1575
-
1576
- .video-js.skin_vlone .vjs-control {
1577
- width: 4.3em;
1578
- }
1579
-
1580
- .vjs-menu-button-popup .vjs-menu {
1581
- bottom: 10px !important;
1582
- }
1583
-
1584
-
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;
1590
- }
1591
-
1592
-
1593
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1594
- display: none !important;
1595
- }
1596
-
1597
- .video-js.skin_vlone .vjs-time-control {
1598
- display: block;
1599
- }
1600
- .video-js.skin_vlone .vjs-remaining-time {
1601
- display: none;
1602
- }
1603
-
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;
1608
- }
1609
-
1610
- .video-js.skin_vlone .vjs-time-divider > div{
1611
- display: flex;
1612
- justify-content: center;
1613
- }
1614
-
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;
1630
- }
1631
-
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;
1639
- }
1640
-
1641
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1642
- margin-left: 16px !important;
1643
- }
1644
-
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 {
1647
- font-size: 1.2em !important;
1648
- line-height: 1.5em !important;
1649
- padding: 0.2em 0.8em !important;
1650
- }
1651
-
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;
1694
- }
1695
-
1696
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1697
- display: none;
1698
- }
1699
- }
1700
-
1701
-
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;
1734
- }
1735
-
1736
- .video-js .resolution .renditions .relative .rendition.selected span{
1737
- color: #2B333F;
1738
- font-weight: bold
1739
- }
1740
-
1741
-
1742
1742
  /* CSS for videojs-dvr-seekbar */
1743
1743
 
1744
1744
  .video-js.vjs-dvr-seekbar {
@@ -1919,6 +1919,9 @@ iframe{
1919
1919
 
1920
1920
 
1921
1921
 
1922
+
1923
+
1924
+
1922
1925
  .video-js .multicamera-parent.default{
1923
1926
  height: 345px;
1924
1927
  position: absolute;
@@ -1999,8 +2002,6 @@ iframe{
1999
2002
 
2000
2003
 
2001
2004
 
2002
-
2003
-
2004
2005
  .vjs-custom-big-mute.vjs-control{
2005
2006
  position: absolute;
2006
2007
  align-items: center;
@@ -2049,7 +2050,6 @@ iframe{
2049
2050
  width: 22px;
2050
2051
  }
2051
2052
 
2052
-
2053
2053
  /* nextep */
2054
2054
  .next-ep-preview{
2055
2055
  position: absolute;