@viewlift/player-backup 2.0.280-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-0c2f6480.js → autoNextVideo-9fbdc74f.js} +1 -1
  2. package/cjs/bundle.css +687 -687
  3. package/cjs/{features-79eb9574.js → features-f8859d34.js} +1 -1
  4. package/cjs/generic-75e1dd47.js +1 -0
  5. package/cjs/{index-fdf076dc.js → index-26f6109d.js} +1 -1
  6. package/cjs/{index-1c71ad72.js → index-6c8937c4.js} +1 -1
  7. package/cjs/index.js +1 -1
  8. package/cjs/{multicamv2-94d8f6cc.js → multicamv2-a8c857c0.js} +1 -1
  9. package/cjs/{multicamv2-6100c95a.js → multicamv2-f5c381ea.js} +1 -1
  10. package/cjs/{nextEpisodeButton-1d0558b4.js → nextEpisodeButton-22aff0b6.js} +1 -1
  11. package/cjs/{playlist-0662d8f3.js → playlist-50ac0477.js} +1 -1
  12. package/cjs/{series-242eea09.js → series-0eacee33.js} +1 -1
  13. package/cjs/{series-v2-4007f29c.js → series-v2-34cb96e8.js} +1 -1
  14. package/cjs/{series-v2-6d7d72eb.js → series-v2-3fb02a7f.js} +1 -1
  15. package/cjs/{skin-c73a9ac4.js → skin-23bdc8bd.js} +1 -1
  16. package/cjs/{skin-c795867f.js → skin-336912db.js} +1 -1
  17. package/cjs/{skin-13bcd8c7.js → skin-6f0565a1.js} +1 -1
  18. package/cjs/{skin-54f3aee0.js → skin-99d701a6.js} +1 -1
  19. package/cjs/{skin-5e95fb67.js → skin-a4b65803.js} +1 -1
  20. package/cjs/{skin-50035a14.js → skin-a9044066.js} +1 -1
  21. package/cjs/{skin-46f994ed.js → skin-e33cb58b.js} +1 -1
  22. package/cjs/{skin-cdea5fde.js → skin-e8eb3086.js} +1 -1
  23. package/cjs/{skin-4ea3069b.js → skin-fb847fdd.js} +1 -1
  24. package/cjs/{util-6d65948b.js → util-c398b90f.js} +1 -1
  25. package/cjs/{videoSelector-e61e7c5c.js → videoSelector-2d4efe7d.js} +1 -1
  26. package/cjs/{videoSelector-52fe8231.js → videoSelector-e513cf31.js} +1 -1
  27. package/esm/{autoNextVideo-eca9fcdc.js → autoNextVideo-e9c96046.js} +1 -1
  28. package/esm/bundle.css +687 -687
  29. package/esm/{features-f071e125.js → features-4d3395e8.js} +1 -1
  30. package/esm/generic-0968cac4.js +1 -0
  31. package/esm/{index-749b4ad7.js → index-7c5fd418.js} +1 -1
  32. package/esm/{index-0f51ab54.js → index-9d872e44.js} +1 -1
  33. package/esm/index.js +1 -1
  34. package/esm/{multicamv2-d154436d.js → multicamv2-8b05d36f.js} +1 -1
  35. package/esm/{multicamv2-8559ae6b.js → multicamv2-fd36882b.js} +1 -1
  36. package/esm/{nextEpisodeButton-b256e47f.js → nextEpisodeButton-2ec7644f.js} +1 -1
  37. package/esm/{playlist-2daae647.js → playlist-15eafdff.js} +1 -1
  38. package/esm/{series-5c16ffee.js → series-1cff0897.js} +1 -1
  39. package/esm/{series-v2-a0888605.js → series-v2-3df88b7c.js} +1 -1
  40. package/esm/{series-v2-21ca7766.js → series-v2-ae69aff8.js} +1 -1
  41. package/esm/{skin-2a0be586.js → skin-1bee4d9e.js} +1 -1
  42. package/esm/{skin-d97c9d13.js → skin-28209773.js} +1 -1
  43. package/esm/{skin-360c4357.js → skin-2fd02689.js} +1 -1
  44. package/esm/{skin-f3e5a74b.js → skin-4e2acbb2.js} +1 -1
  45. package/esm/{skin-2e7f650e.js → skin-69d5e418.js} +1 -1
  46. package/esm/{skin-e3f0c1ba.js → skin-740d5eef.js} +1 -1
  47. package/esm/{skin-5a80575a.js → skin-85fea537.js} +1 -1
  48. package/esm/{skin-d69f06ce.js → skin-cffcda7e.js} +1 -1
  49. package/esm/{skin-acff3336.js → skin-f17ec26a.js} +1 -1
  50. package/esm/{util-46269898.js → util-3f4a6529.js} +1 -1
  51. package/esm/{videoSelector-9811a276.js → videoSelector-3512fb3f.js} +1 -1
  52. package/esm/{videoSelector-fe5afb81.js → videoSelector-62afd0ea.js} +1 -1
  53. package/package.json +1 -1
  54. package/cjs/generic-2e180073.js +0 -1
  55. package/esm/generic-e13293a7.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,219 +293,185 @@
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
-
466
- .video-js.skin_news_live .vjs-text-track-display-ttml {
467
- width: 100% !important;
468
- }
469
-
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
448
 
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
449
  }
479
450
 
480
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
481
- font-size: 18px !important;
451
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
452
+ content: none !important;
453
+ fill: none !important;
454
+ filter: none !important;
482
455
  }
483
456
 
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;
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;
490
460
  }
491
461
 
492
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
493
- content: none !important;
494
- fill: none !important;
495
- filter: none !important;
462
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
463
+ opacity: 1 !important;
496
464
  }
497
465
 
498
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
466
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
499
467
  color: rgba(255, 255, 2555, 0.7)!important;
500
468
  }
501
469
 
502
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
470
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
503
471
  color: rgba(255, 255, 2555, 1)!important;
504
472
  }
505
473
 
506
474
 
507
-
508
-
509
475
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
510
476
  font-size: 2.2em;
511
477
  line-height: 2.6;
@@ -1034,670 +1000,704 @@
1034
1000
 
1035
1001
 
1036
1002
 
1037
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1038
- height: 0.7em;
1039
- position: absolute;
1040
- top: -0.7em;
1041
- width: 100%;
1042
- }
1043
-
1044
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1045
- height: 100%;
1046
- }
1047
-
1048
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1049
- line-height: 2.5;
1003
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1004
+ font-size: 2.2em;
1005
+ line-height: 2.6;
1050
1006
  }
1051
-
1052
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1053
- height: 19px;
1054
- width: 19px;
1055
- cursor: pointer;
1007
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1008
+ background: #fcb700;
1056
1009
  }
1057
- .video-js.skin_vlone .vjs-control {
1058
- user-select: none;
1010
+ .video-js.skin_news_live .vjs-control-bar{
1011
+ z-index: 1 !important;
1012
+ height: 5em !important;
1013
+ background: black !important;
1059
1014
  }
1060
- .video-js.skin_vlone .vjs-custom-control-spacer{
1061
- user-select: none;
1015
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1016
+ display: flex;
1017
+ align-items: center;
1018
+ justify-content: center;
1062
1019
  }
1063
1020
 
1064
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1065
- height: 19px;
1066
- width: 19px;
1067
- cursor: pointer;
1021
+ .video-js.skin_news_live .vjs-fade>* {
1022
+ visibility: hidden !important;
1023
+ opacity: 0 !important;
1024
+ transition: visibility 1s, opacity 1s !important;
1068
1025
  }
1069
1026
 
1070
- .video-js.skin_vlone .vjs-play-progress:before {
1071
- display: none !important;
1027
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1028
+ position: absolute;
1029
+ width: 100%;
1030
+ display: flex;
1031
+ height: 0.5em;
1032
+ top: -0.5em;
1072
1033
  }
1073
1034
 
1074
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1075
- margin: 0 !important;
1076
-
1035
+ .video-js.skin_news_live .vjs-progress-control {
1036
+ /* left: -6px; */
1037
+ position: relative;
1038
+ width: 100%;
1039
+ height: 0.5em;
1040
+ transition: height 0.1s, top 0.1s;
1077
1041
  }
1078
1042
 
1079
-
1080
- .video-js.skin_vlone .vjs-custom-control-spacer {
1081
- display: block;
1082
- flex: 1 1 auto;
1043
+ .video-js.skin_news_live .vjs-volume-panel{
1044
+ min-width: 5.3em;
1083
1045
  }
1084
1046
 
1085
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1086
- z-index: 1;
1087
- }
1088
1047
 
1089
1048
 
1090
- .video-js.skin_vlone .vjs-control-bar {
1091
- height: 40px;
1049
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1050
+ /* display: block; */
1051
+ /* flex: 1 1 auto; */
1092
1052
  }
1093
1053
 
1094
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1095
- .vjs-button>.vjs-icon-placeholder:before {
1096
- position: relative !important;
1097
- }
1098
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1099
- display: flex;
1100
- left: 0px;
1101
- top: -1px;
1054
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1055
+ margin: 0 0px 0 0px;
1102
1056
  }
1103
-
1104
- .vjs-button>.vjs-icon-placeholder:before {
1105
- font-size: 2em !important;
1057
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1058
+ display: none;
1106
1059
  }
1107
1060
 
1108
- .video-js.skin_vlone .vjs-control {
1109
- width: 4.3em;
1061
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1062
+ font-size: 14px;
1063
+ font-weight: 500;
1064
+ align-self: center;
1065
+ height: min-content;
1066
+ padding: 5px 2px;
1067
+ border-radius: 8px;
1110
1068
  }
1111
1069
 
1112
- .vjs-menu-button-popup .vjs-menu {
1113
- bottom: 10px !important;
1070
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1071
+ height: 6px !important;
1114
1072
  }
1115
1073
 
1074
+ .video-js.skin_news_live .vjs-play-progress:before {
1075
+ font-size: 1.5em;
1076
+ line-height: unset;
1077
+ top: -0.3333333333em;
1078
+ }
1116
1079
 
1117
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1118
- height: 1.3em;
1119
- position: absolute;
1120
- top: -1.3em;
1121
- transition: height 0.3s, top 0.3s;
1080
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1081
+ display: none !important;
1082
+ }
1083
+
1084
+ /* */
1085
+ .video-js.skin_news_live .vjs-mouse-display{
1086
+ font-size: 1.6666666667em;
1122
1087
  }
1123
1088
 
1089
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1090
+ font-size: 1em !important;
1091
+ }
1124
1092
 
1125
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1126
- display: none !important;
1093
+ .video-js.skin_news_live .vjs-button{
1094
+ width: 5.3em;
1095
+ display: flex;
1096
+ align-items: center;
1097
+ justify-content: center;
1127
1098
  }
1128
1099
 
1129
- .video-js.skin_vlone .vjs-time-control {
1100
+
1101
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1102
+ .icon-maximize {
1130
1103
  display: block;
1104
+ height: 32px;
1131
1105
  }
1132
- .video-js.skin_vlone .vjs-remaining-time {
1106
+
1107
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1108
+ line-height: 4;
1109
+ }
1110
+
1111
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1112
+ .icon-minimize {
1133
1113
  display: none;
1114
+ height: 32px;
1134
1115
  }
1135
1116
 
1136
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1137
- line-height: 3.5em;
1138
- font-size: 1.1em;
1139
- min-width: 4em;
1117
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1118
+ outline: none !important;
1119
+ /* flex: 1; */
1120
+ }
1121
+ .video-js.skin_news_live .vjs-play-toggle-container{
1122
+ display: flex;
1123
+ flex: 1;
1124
+ justify-content: center;
1140
1125
  }
1141
1126
 
1142
- .video-js.skin_vlone .vjs-time-divider > div{
1143
- display: flex;
1144
- justify-content: center;
1127
+
1128
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1129
+ .vjs-icon-fullscreen-enter:before {
1130
+ /* content: '' !important; */
1145
1131
  }
1146
1132
 
1147
- .video-js.skin_vlone .vjs-live-control{
1148
- align-items: center;
1133
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1134
+ display: flex;
1135
+ justify-content: center;
1136
+ align-items: center;
1137
+ /* transform: rotate(90deg); */
1149
1138
  }
1150
- .video-js.skin_vlone .vjs-live-display{
1151
- height: 2.2em;
1152
- display: flex;
1153
- align-items: center;
1154
- font-family: monospace;
1155
- width: 4em;
1156
- justify-content: center;
1157
- background: red;
1158
- margin: 4px 0px 4px 12px;
1139
+
1140
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1141
+ display: none;
1159
1142
  }
1160
- .video-js.skin_vlone .vjs-live-display:hover{
1161
- cursor: pointer;
1143
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1144
+ margin-left: -10px;
1162
1145
  }
1163
1146
 
1164
- .video-js.skin_vlone .vjs-time-control {
1165
- line-height: 3.5em !important;
1166
- font-size: 1.1em !important;
1167
- width: min-content !important;
1168
- min-width: 1.5em;
1169
- padding: 0 !important;
1170
- user-select: none;
1147
+ .video-js.skin_news_live .skipbtn:hover{
1148
+ cursor: pointer;
1171
1149
  }
1172
1150
 
1173
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1174
- margin-left: 16px !important;
1151
+ .video-js.skin_news_live .rewindbtn:hover{
1152
+ cursor: pointer;
1175
1153
  }
1176
1154
 
1177
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1178
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1179
- font-size: 1.2em !important;
1180
- line-height: 1.5em !important;
1181
- padding: 0.2em 0.8em !important;
1155
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1156
+ position: relative;
1157
+ padding-left: 0;
1182
1158
  }
1183
1159
 
1160
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1161
+ display: none !important;
1162
+ }
1184
1163
 
1185
- /* Big play */
1186
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1187
- width: 80px;
1188
- height: 80px;
1164
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1165
+ /* width: 90px;
1166
+ height: 90px;
1189
1167
  display: flex;
1190
1168
  justify-content: center;
1191
1169
  align-items: center;
1192
- border: none;
1170
+ border-radius: 50%;
1193
1171
  position: absolute;
1194
1172
  top: 0;
1195
1173
  left: 0;
1196
1174
  right: 0;
1197
1175
  bottom: 0;
1198
1176
  margin: auto;
1199
- font-size: 5em;
1200
- line-height: 1.3em;
1201
- transform: none !important;
1202
- border-radius: 1.3em;
1203
- }
1204
- .video-js.skin_vlone .ssai-ad-container{
1205
- position: absolute;
1206
- bottom: 4px;
1207
- }
1208
-
1209
- @media(max-width:600px){
1210
- .video-js.skin_vlone button.vjs-big-play-button {
1211
- width: 50px !important;
1212
- height: 50px !important;
1213
- font-size: 2.1rem !important;
1214
- }
1215
-
1216
- .video-js.skin_vlone .ssai-ad-container {
1217
- position: absolute;
1218
- bottom: 2px;
1177
+ font-size: 6em;
1178
+ line-height: 1.4em;
1179
+ border: 0.05em solid;
1180
+ color: inherit; */
1181
+ display: none !important;
1219
1182
  }
1220
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1221
- display: none;
1183
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1184
+ font-weight: bold;
1222
1185
  }
1223
1186
 
1224
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1225
- display: none;
1187
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1188
+ bottom: 2.4em !important;
1189
+ right: -1em;
1190
+ z-index: 1;
1226
1191
  }
1227
1192
 
1228
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1229
- display: none;
1230
- }
1231
- }
1232
-
1233
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1234
- font-size: 2.2em;
1235
- line-height: 2.6;
1236
- }
1237
- .video-js.skin_mini{
1238
- overflow: hidden;
1193
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1194
+ width: 24px !important;
1195
+ height: 24px !important;
1239
1196
  }
1240
- .video-js.skin_mini .vjs-control-bar{
1241
- z-index: 1 !important;
1242
- height: 4em !important;
1243
- background: black !important;
1197
+ .settings-selector-icon>svg{
1198
+ height: 19px !important;
1199
+ width: 19px !important;
1244
1200
  }
1245
1201
 
1246
- .video-js.skin_mini .vjs-fade>* {
1247
- visibility: hidden !important;
1248
- opacity: 0 !important;
1249
- transition: visibility 1s, opacity 1s !important;
1250
- }
1251
1202
 
1252
- .video-js.skin_mini .custom-spaced-progress-bar {
1253
- position: absolute;
1254
- width: 100%;
1255
- display: flex;
1256
- height: 0.5em;
1257
- top: -0.5em;
1203
+ .video-js.skin_news_live button.vjs-rewind-button{
1204
+ cursor: pointer;
1258
1205
  }
1259
1206
 
1260
- .video-js.skin_mini .vjs-progress-control {
1261
- /* left: -6px; */
1262
- position: relative;
1263
- width: 100%;
1264
- height: 0.5em;
1265
- transition: height 0.1s, top 0.1s;
1207
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1208
+ padding-right: 0;
1209
+ display: none;
1266
1210
  }
1267
1211
 
1212
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1213
+ padding-left: 0;
1214
+ display: none;
1215
+ }
1268
1216
 
1217
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1218
+ padding-left: 0;
1219
+ padding-right: 0;
1220
+ display: none;
1221
+ }
1269
1222
 
1223
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1224
+ display: none
1225
+ }
1226
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1227
+ display: none
1228
+ }
1270
1229
 
1271
- .video-js.skin_mini .vjs-custom-control-spacer {
1272
- display: block;
1273
- flex: 1 1 auto;
1230
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1231
+ display: flex;
1232
+ align-items: center;
1233
+ font-weight: 700;
1234
+ font-size: 12px;
1235
+ min-width: 1.2em;
1274
1236
  }
1275
1237
 
1276
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1277
- margin: 0 0px 0 0px;
1238
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1239
+ display: none;
1240
+ font-size: 11px;
1241
+ justify-content: center;
1242
+ align-items: center;
1243
+ user-select: none;
1278
1244
  }
1279
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1245
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1280
1246
  display: none;
1281
1247
  }
1282
1248
 
1283
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1284
- font-size: 14px;
1285
- font-weight: 500;
1286
- align-self: center;
1249
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1287
1250
  height: min-content;
1288
- padding: 5px 2px;
1289
- border-radius: 8px;
1251
+ width: min-content;
1290
1252
  }
1291
-
1292
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1293
- height: 5px !important;
1253
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1254
+ width: 6em;
1294
1255
  }
1295
1256
 
1296
- .video-js.skin_mini .vjs-play-progress:before {
1297
- font-size: 1.3em;
1298
- line-height: unset;
1299
- top: -0.3333333333em;
1257
+ .video-js.skin_news_live .content{
1258
+ bottom: 3.4rem !important;
1259
+ right: -4rem !important;
1300
1260
  }
1301
1261
 
1302
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1303
- display: none !important;
1262
+ .setting-icon > svg{
1263
+ height:18px !important;
1304
1264
  }
1305
1265
 
1306
- /* */
1307
- .video-js.skin_mini .vjs-mouse-display{
1308
- font-size: 1.6666666667em;
1309
- }
1266
+ .output-overlay{
1267
+ position: absolute;
1268
+ bottom: 0;
1269
+ height: 100%;
1270
+ width: 100%;
1271
+ z-index: 0;
1272
+ border: 0;
1273
+ pointer-events:none
1274
+ }
1310
1275
 
1311
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1312
- font-size: 1em !important;
1276
+ .video-js.skin_news_live iframe{
1277
+ width: 100%;
1278
+ height: 100%;
1313
1279
  }
1314
1280
 
1315
- .video-js.skin_mini .vjs-button{
1316
- width: 3em;
1281
+ .video-js.skin_news_live .vjs-live-control{
1282
+ align-items: center;
1283
+ display: none;
1284
+ }
1285
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1286
+ height: 2.2em;
1317
1287
  display: flex;
1318
1288
  align-items: center;
1289
+ font-family: monospace;
1290
+ width: 4em;
1319
1291
  justify-content: center;
1292
+ background: red;
1293
+ margin: 4px 0px 4px 12px;
1320
1294
  }
1321
1295
 
1322
-
1323
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1324
- .icon-maximize {
1325
- display: block;
1326
- height: 32px;
1296
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1297
+ text-shadow: none;
1327
1298
  }
1328
1299
 
1329
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1330
- line-height: 4;
1300
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1301
+ display: flex;
1302
+ justify-content: center;
1303
+ min-width: 5.3em;
1304
+ pointer-events: none;
1305
+ user-select: none;
1331
1306
  }
1332
1307
 
1333
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1334
- .icon-minimize {
1335
- display: none;
1336
- height: 32px;
1308
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1309
+ color: white;
1337
1310
  }
1338
1311
 
1339
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1340
- outline: none !important;
1341
- }
1342
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1343
- .vjs-icon-fullscreen-enter:before {
1344
- /* content: '' !important; */
1312
+
1313
+ .settings-selection.vjs-control.vjs-button{
1314
+ display: flex !important;
1345
1315
  }
1346
1316
 
1347
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1348
- display: flex;
1349
- justify-content: center;
1350
- align-items: center;
1351
- /* transform: rotate(90deg); */
1317
+ @media(max-width:576px){
1318
+ .settings-selection.vjs-control.vjs-button{
1319
+ display: none !important;
1320
+ }
1352
1321
  }
1353
1322
 
1354
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1355
- display: none;
1323
+
1324
+ @media(max-width:576px){
1325
+ .tvProviderImage{
1326
+ display: none
1327
+ }
1328
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1329
+ .icon-maximize {
1330
+ height: 30px !important;
1331
+ }
1332
+
1333
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1334
+ .icon-minimize {
1335
+ height: 30px !important;
1336
+ }
1337
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1338
+ width: 4.5em;
1339
+ }
1340
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1341
+ height: min-content;
1342
+ }
1343
+
1344
+ .video-js.skin_news_live button.vjs-slowmo-button{
1345
+ display: none;
1346
+ }
1347
+ .video-js.skin_news_live button.vjs-rewind-button{
1348
+ display: none;
1349
+ }
1350
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1351
+ height: 20px;
1352
+ }
1353
+ .video-js.skin_news_live .vjs-button{
1354
+ width: 4.8em;
1355
+ }
1356
+ .video-js.skin_news_live .widget-selection{
1357
+ display: none;
1358
+ }
1359
+ .video-js.skin_news_live .container{
1360
+ display: none !important;
1361
+ }
1362
+ .video-js.skin_news_live .vjs-control-bar{
1363
+ height: 4em !important;
1364
+ }
1365
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1366
+ font-size: 2.5em;
1367
+ line-height: 1.5;
1368
+ }
1369
+ .video-js.skin_news_live .vjs-play-progress:before {
1370
+ font-size: 1.2em;
1371
+ position: absolute;
1372
+ right: -0.5em;
1373
+ z-index: 1;
1356
1374
  }
1357
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1358
- margin-left: -10px;
1359
- display: none;
1375
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1376
+ height: 20px;
1360
1377
  }
1361
-
1362
- .video-js.skin_mini .vjs-loading-spinner {
1363
- position: absolute;
1364
- top: 50%;
1365
- left: 50%;
1366
- transform: translate(-50%, -50%);
1367
- opacity: .85;
1368
- text-align: left;
1369
- border: .2em solid rgba(43, 51, 63, .7);
1370
- box-sizing: border-box;
1371
- background-clip: padding-box;
1372
- width: 3em;
1373
- height: 3em;
1374
- border-radius: 50%;
1375
- visibility: hidden;
1378
+ .video-js.skin_news_live button.vjs-big-play-button {
1379
+ width: 50px !important;
1380
+ height: 50px !important;
1381
+ font-size: 2.1rem !important;
1376
1382
  }
1377
1383
 
1378
- .video-js.skin_mini .skipbtn:hover{
1379
- cursor: pointer;
1384
+ .stream-selector-icon>svg{
1385
+ width: 24px;
1386
+ height: 24px;
1380
1387
  }
1381
-
1382
- .video-js.skin_mini .rewindbtn:hover{
1383
- cursor: pointer;
1388
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1389
+ margin: 0 12px 0 12px;
1384
1390
  }
1385
-
1386
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1387
- position: relative;
1388
- padding-left: 0;
1391
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1392
+ font-size: 12px;
1389
1393
  }
1390
-
1391
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1392
- width: 40px;
1393
- height: 40px;
1394
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1395
+ margin: 0 12px 0 12px;
1396
+ }
1397
+ }
1398
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1399
+ width: 90px;
1400
+ height: 90px;
1394
1401
  display: flex;
1395
1402
  justify-content: center;
1396
1403
  align-items: center;
1397
- border: none;
1404
+ border-radius: 50%;
1398
1405
  position: absolute;
1399
1406
  top: 0;
1400
1407
  left: 0;
1401
1408
  right: 0;
1402
1409
  bottom: 0;
1403
1410
  margin: auto;
1404
- font-size: 3em;
1405
- line-height: 1.3em;
1406
- transform: none !important;
1407
- border-radius: 1.3em;
1408
- }
1409
-
1410
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1411
- font-weight: bold;
1411
+ font-size: 6em;
1412
+ line-height: 1.4em;
1412
1413
  }
1413
1414
 
1414
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1415
- bottom: 1.1em !important;
1416
- right: 1em;
1417
- z-index: 1;
1418
- font-size: 10px;
1415
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1416
+ display: flex;
1417
+ justify-content: center;
1418
+ align-items: center;
1419
+ height: 100%;
1420
+ transition: width 0.1s;
1419
1421
  }
1420
1422
 
1421
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1422
- width: 24px !important;
1423
- height: 24px !important;
1423
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1424
+ display: flex;
1425
+ justify-content: center;
1426
+ align-items: center;
1427
+ height: 100%;
1428
+ transition: width 0.1s;
1424
1429
  }
1425
- .video-js.skin_mini .settings-selector-icon>svg{
1426
- height: 19px !important;
1427
- width: 19px !important;
1430
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1431
+ display: none !important;
1428
1432
  }
1429
1433
 
1434
+ @media (max-width: 576px) {
1435
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1436
+ height: 5px !important;
1437
+ }
1438
+ .video-js.skin_news_live button.vjs-big-play-button {
1439
+ width: 50px !important;
1440
+ height: 50px !important;
1441
+ font-size: 2.1rem !important;
1442
+ }
1430
1443
 
1431
- .video-js.skin_mini button.vjs-rewind-button{
1432
- cursor: pointer;
1444
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1445
+ display: none;
1446
+ }
1447
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1448
+ bottom: 2.4em !important;
1449
+ right: -1em;
1450
+ z-index: 1;
1433
1451
  }
1452
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1453
+ display: none !important;
1454
+ }
1434
1455
 
1435
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1436
- padding-right: 0;
1456
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1457
+ color: white !important;
1458
+ font-size: 13px !important;
1459
+ background-color: black !important;
1460
+ }
1437
1461
  }
1438
1462
 
1439
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1440
- padding-left: 0;
1463
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1464
+ width: 100% !important;
1441
1465
  }
1442
1466
 
1443
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1444
- padding-left: 0;
1445
- padding-right: 0;
1446
- display: flex;
1447
- justify-content: center;
1448
- width: min-content;
1467
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1468
+ color: white !important;
1469
+ font-size: 16px !important;
1470
+ background-color: black !important;
1449
1471
  }
1450
1472
 
1451
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1452
- display: none
1453
- }
1454
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1455
- display: none
1473
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1474
+ margin-bottom: 2rem !important;
1456
1475
  }
1457
1476
 
1458
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1459
- display: flex;
1460
- align-items: center;
1461
- font-weight: 700;
1462
- font-size: 9px;
1463
- min-width: 0.8em;
1464
- padding-left: 0;
1477
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
1478
+ font-size: 18px !important;
1465
1479
  }
1466
1480
 
1467
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1468
- display: none;
1469
- font-size: 11px;
1470
- justify-content: center;
1471
- align-items: center;
1472
- user-select: none;
1473
- }
1474
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1475
- display: none;
1481
+
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 {
1484
+ font-size: 1.2em !important;
1485
+ line-height: 1.5em !important;
1486
+ padding: 0.2em 0.8em !important;
1476
1487
  }
1477
1488
 
1478
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1479
- height: min-content;
1480
- width: min-content;
1489
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1490
+ content: none !important;
1491
+ fill: none !important;
1492
+ filter: none !important;
1481
1493
  }
1482
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1483
- width: 3em;
1484
- margin-right: 4px;
1494
+
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;
1485
1497
  }
1486
1498
 
1487
- .video-js.skin_mini .content{
1488
- bottom: 3.4rem !important;
1489
- right: -4rem !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;
1490
1501
  }
1491
1502
 
1492
- .video-js.skin_mini .setting-icon > svg{
1493
- height:18px !important;
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%;
1494
1510
  }
1495
1511
 
1496
- .output-overlay{
1497
- position: absolute;
1498
- bottom: 0;
1499
- height: 100%;
1500
- width: 100%;
1501
- z-index: 0;
1502
- border: 0;
1503
- pointer-events:none
1512
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1513
+ height: 100%;
1504
1514
  }
1505
1515
 
1506
- .video-js.skin_mini iframe{
1507
- width: 100%;
1508
- height: 100%;
1516
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1517
+ line-height: 2.5;
1509
1518
  }
1510
1519
 
1511
- .video-js.skin_mini .vjs-live-control{
1512
- align-items: center;
1513
- max-width: 5em;
1520
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1521
+ height: 19px;
1522
+ width: 19px;
1523
+ cursor: pointer;
1514
1524
  }
1515
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1516
- height: 2.2em;
1517
- display: flex;
1518
- align-items: center;
1519
- font-family: monospace;
1520
- width: 4em;
1521
- justify-content: center;
1522
- background: red;
1523
- margin: 4px 0px 4px 2px;
1525
+ .video-js.skin_vlone .vjs-control {
1526
+ user-select: none;
1524
1527
  }
1525
-
1526
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1527
- text-shadow: none;
1528
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1529
+ user-select: none;
1528
1530
  }
1529
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1530
- display: none;
1531
- font-size: 12px;
1531
+
1532
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1533
+ height: 19px;
1534
+ width: 19px;
1535
+ cursor: pointer;
1532
1536
  }
1533
1537
 
1534
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1535
- height: 1.8em;
1536
- display: inline-flex;
1537
- align-items: center;
1538
- font-family: monospace;
1539
- justify-content: center;
1540
- border: 1.5px solid;
1541
- margin: 4px 0px 4px 2px;
1542
- white-space: pre;
1543
- padding: 2px 4px;
1544
- font-size: 1.2em;
1545
- font-weight: 500;
1546
- color: rgba(255, 255, 2555, 0.7);
1538
+ .video-js.skin_vlone .vjs-play-progress:before {
1539
+ display: none !important;
1547
1540
  }
1548
1541
 
1549
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1550
- content: "NOT LIVE";
1551
- word-spacing: -4px;
1552
- }
1542
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1543
+ margin: 0 !important;
1553
1544
 
1545
+ }
1554
1546
 
1555
- @media(max-width:600px){
1556
- .tvProviderImage{
1557
- display: none
1558
- }
1559
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1560
- .icon-maximize {
1561
- height: 30px !important;
1562
- }
1563
1547
 
1564
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1565
- .icon-minimize {
1566
- height: 30px !important;
1567
- }
1568
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1569
- width: 3.5em;
1570
- }
1571
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1572
- height: min-content;
1573
- }
1548
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1549
+ display: block;
1550
+ flex: 1 1 auto;
1551
+ }
1574
1552
 
1575
- .video-js.skin_mini button.vjs-slowmo-button{
1576
- display: none;
1577
- }
1578
- .video-js.skin_mini button.vjs-rewind-button{
1579
- display: none;
1580
- }
1581
- .video-js.skin_mini button.vjs-rewind-button>svg{
1582
- height: 20px;
1583
- }
1584
- .video-js.skin_mini .vjs-button{
1585
- width: 3em;
1586
- }
1587
- .video-js.skin_mini .widget-selection{
1588
- display: none;
1589
- }
1590
- .video-js.skin_mini .container{
1591
- display: none !important;
1592
- }
1593
- .video-js.skin_mini .vjs-control-bar{
1594
- height: 4em !important;
1595
- }
1596
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1597
- font-size: 2.5em;
1598
- line-height: 1.5;
1599
- }
1600
- .video-js.skin_mini .vjs-play-progress:before {
1601
- font-size: 1.2em;
1602
- position: absolute;
1603
- right: -0.5em;
1553
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1604
1554
  z-index: 1;
1605
1555
  }
1606
- .video-js.skin_mini button.vjs-skip-button>svg{
1607
- height: 20px;
1556
+
1557
+
1558
+ .video-js.skin_vlone .vjs-control-bar {
1559
+ height: 40px;
1608
1560
  }
1609
1561
 
1610
- .stream-selector-icon>svg{
1611
- width: 24px;
1612
- height: 24px;
1562
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1563
+ .vjs-button>.vjs-icon-placeholder:before {
1564
+ position: relative !important;
1613
1565
  }
1614
- .video-js.skin_mini .vjs-seek-to-live-text{
1615
- font-size: 12px;
1566
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1567
+ display: flex;
1568
+ left: 0px;
1569
+ top: -1px;
1616
1570
  }
1617
1571
 
1618
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1619
- color: white !important;
1620
- font-size: 16px !important;
1621
- background-color: rgba(0,0,0,0.2) !important;
1622
- }
1572
+ .vjs-button>.vjs-icon-placeholder:before {
1573
+ font-size: 2em !important;
1623
1574
  }
1624
1575
 
1625
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1626
- color: white !important;
1627
- font-size: 16px !important;
1628
- background-color: rgba(0,0,0,0.2) !important;
1576
+ .video-js.skin_vlone .vjs-control {
1577
+ width: 4.3em;
1629
1578
  }
1630
1579
 
1631
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1632
- font-size: 18px !important;
1580
+ .vjs-menu-button-popup .vjs-menu {
1581
+ bottom: 10px !important;
1633
1582
  }
1634
1583
 
1635
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1636
- margin-bottom: 1rem !important;
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;
1637
1590
  }
1638
1591
 
1639
1592
 
1640
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1641
- display: flex;
1642
- justify-content: center;
1643
- align-items: center;
1644
- height: 100%;
1645
- transition: width 0.1s;
1646
- }
1647
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1648
- margin: 2px;
1593
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1594
+ display: none !important;
1649
1595
  }
1650
1596
 
1651
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1652
- display: flex;
1653
- justify-content: center;
1654
- align-items: center;
1655
- height: 100%;
1656
- transition: width 0.1s;
1597
+ .video-js.skin_vlone .vjs-time-control {
1598
+ display: block;
1657
1599
  }
1658
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1659
- display: grid;
1660
- font-size: 10px;
1661
- grid-template-columns: 1fr;
1662
- grid-template-rows: 1fr;
1663
- padding: 1px 0px 0 0px;
1664
- margin: 0;
1600
+ .video-js.skin_vlone .vjs-remaining-time {
1601
+ display: none;
1665
1602
  }
1666
1603
 
1667
- @media (max-width: 600px) {
1668
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1669
- height: 5px !important;
1670
- }
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
+ }
1671
1609
 
1672
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1673
- display: none;
1674
- }
1610
+ .video-js.skin_vlone .vjs-time-divider > div{
1611
+ display: flex;
1612
+ justify-content: center;
1613
+ }
1675
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;
1676
1630
  }
1677
1631
 
1678
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1679
- content: none !important;
1680
- fill: none !important;
1681
- filter: none !important;
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;
1682
1639
  }
1683
1640
 
1684
- /* svg icons opacity and hover effect */
1685
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1686
- opacity: 0.7 !important;
1641
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1642
+ margin-left: 16px !important;
1687
1643
  }
1688
1644
 
1689
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1690
- opacity: 1 !important;
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;
1691
1650
  }
1692
1651
 
1693
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1694
- color: rgba(255, 255, 2555, 0.7)!important;
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;
1695
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
+ }
1696
1683
 
1697
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1698
- color: rgba(255, 255, 2555, 1)!important;
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;
1699
1694
  }
1700
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;
@@ -1960,6 +1958,9 @@
1960
1958
 
1961
1959
 
1962
1960
 
1961
+
1962
+
1963
+
1963
1964
  .vjs-custom-big-mute.vjs-control{
1964
1965
  position: absolute;
1965
1966
  align-items: center;
@@ -2009,7 +2010,6 @@
2009
2010
  }
2010
2011
 
2011
2012
 
2012
-
2013
2013
  /* nextep */
2014
2014
  .next-ep-preview{
2015
2015
  position: absolute;