@viewlift/player-backup 2.0.279-backup → 2.0.281-backup

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