@viewlift/player-backup 2.0.293-backup → 2.0.294-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 (61) hide show
  1. package/cjs/{autoNextVideo-b81a21a8.js → autoNextVideo-4e5aceb8.js} +1 -1
  2. package/cjs/bundle.css +684 -684
  3. package/cjs/{features-fde1e6f4.js → features-d070e5e9.js} +1 -1
  4. package/cjs/generic-b2ccfd5e.js +1 -0
  5. package/cjs/{index-f07dd8f7.js → index-04ba3869.js} +1 -1
  6. package/cjs/{index-1ce7c505.js → index-358d3a74.js} +1 -1
  7. package/cjs/{index-d0ac4ff1.js → index-c69cc94c.js} +1 -1
  8. package/cjs/index.js +1 -1
  9. package/cjs/{multicamv2-90e4f85d.js → multicamv2-082968be.js} +1 -1
  10. package/cjs/{multicamv2-d13f3799.js → multicamv2-fefbef03.js} +1 -1
  11. package/cjs/{nextEpisodeButton-0e1f606e.js → nextEpisodeButton-e3411358.js} +1 -1
  12. package/cjs/{playlist-5538ab33.js → playlist-aacf1e48.js} +1 -1
  13. package/cjs/{series-197acb35.js → series-f4111a52.js} +1 -1
  14. package/cjs/{series-v2-e09f82a1.js → series-v2-2cf1a060.js} +1 -1
  15. package/cjs/{series-v2-37b957c0.js → series-v2-7b6dc717.js} +1 -1
  16. package/cjs/{skin-a03263c8.js → skin-012a6dac.js} +1 -1
  17. package/cjs/{skin-e9578396.js → skin-015c723e.js} +1 -1
  18. package/cjs/{skin-0cd2cc19.js → skin-7860187e.js} +1 -1
  19. package/cjs/{skin-a3da2429.js → skin-908e8c2b.js} +1 -1
  20. package/cjs/{skin-79f1cf9f.js → skin-966aa1e7.js} +1 -1
  21. package/cjs/{skin-1d2ac9aa.js → skin-a75bf11a.js} +1 -1
  22. package/cjs/{skin-a74bc0a0.js → skin-c46d8f40.js} +1 -1
  23. package/cjs/{skin-7be967ce.js → skin-c8afd3aa.js} +1 -1
  24. package/cjs/{skin-b86f2fb9.js → skin-f0ba253b.js} +1 -1
  25. package/cjs/{videoSelector-ee1c7a9f.js → videoSelector-66a04b3f.js} +1 -1
  26. package/cjs/{videoSelector-71585863.js → videoSelector-ac6eae36.js} +1 -1
  27. package/esm/autoNextVideo-e34d4926.js +1 -0
  28. package/esm/bundle.css +684 -684
  29. package/esm/{features-c5bf2798.js → features-dbe64e24.js} +1 -1
  30. package/esm/generic-bfe86693.js +1 -0
  31. package/esm/helpers/drmErrorDetection.d.ts +6 -0
  32. package/esm/index-16598af9.js +1 -0
  33. package/esm/index-a271dbe5.js +1 -0
  34. package/esm/{index-a46fd1e5.js → index-b50bbe70.js} +1 -1
  35. package/esm/index.js +1 -1
  36. package/esm/{multicamv2-9e6a345c.js → multicamv2-978e7d5c.js} +1 -1
  37. package/esm/{multicamv2-b2a188e0.js → multicamv2-cb086d7a.js} +1 -1
  38. package/esm/{nextEpisodeButton-a1156a17.js → nextEpisodeButton-cfc892fc.js} +1 -1
  39. package/esm/{playlist-87d6e4cb.js → playlist-03c2520c.js} +1 -1
  40. package/esm/{series-16e59934.js → series-bbeb06d0.js} +1 -1
  41. package/esm/{series-v2-5a7027ad.js → series-v2-10c541bd.js} +1 -1
  42. package/esm/{series-v2-381f9c36.js → series-v2-40f0a1a0.js} +1 -1
  43. package/esm/{skin-9424e7c5.js → skin-233e7f23.js} +1 -1
  44. package/esm/skin-24287449.js +1 -0
  45. package/esm/skin-63a75648.js +1 -0
  46. package/esm/{skin-4fe01364.js → skin-806ff63d.js} +1 -1
  47. package/esm/{skin-0bf419dd.js → skin-94eafdb7.js} +1 -1
  48. package/esm/{skin-5e8fcff1.js → skin-afac5246.js} +1 -1
  49. package/esm/{skin-672a575a.js → skin-c3de509e.js} +1 -1
  50. package/esm/{skin-e74d2dd9.js → skin-d70b645b.js} +1 -1
  51. package/esm/{skin-4d0b33c3.js → skin-e5bb0687.js} +1 -1
  52. package/esm/{videoSelector-563df963.js → videoSelector-48a731a1.js} +1 -1
  53. package/esm/{videoSelector-14a4414d.js → videoSelector-9d4fe718.js} +1 -1
  54. package/package.json +1 -1
  55. package/cjs/generic-bcc1b11d.js +0 -1
  56. package/esm/autoNextVideo-de9c7cb3.js +0 -1
  57. package/esm/generic-cc27a100.js +0 -1
  58. package/esm/index-ce7f6974.js +0 -1
  59. package/esm/index-e6facfc7.js +0 -1
  60. package/esm/skin-6bb0371a.js +0 -1
  61. package/esm/skin-b866a867.js +0 -1
package/cjs/bundle.css CHANGED
@@ -3,26 +3,32 @@
3
3
 
4
4
 
5
5
 
6
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
6
+
7
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
7
8
  font-size: 2.2em;
8
9
  line-height: 2.6;
9
10
  }
10
- .video-js.skin_mini{
11
- overflow: hidden;
11
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
12
+ background: #fcb700;
12
13
  }
13
- .video-js.skin_mini .vjs-control-bar{
14
+ .video-js.skin_news_live .vjs-control-bar{
14
15
  z-index: 1 !important;
15
- height: 4em !important;
16
+ height: 5em !important;
16
17
  background: black !important;
17
18
  }
19
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ }
18
24
 
19
- .video-js.skin_mini .vjs-fade>* {
25
+ .video-js.skin_news_live .vjs-fade>* {
20
26
  visibility: hidden !important;
21
27
  opacity: 0 !important;
22
28
  transition: visibility 1s, opacity 1s !important;
23
29
  }
24
30
 
25
- .video-js.skin_mini .custom-spaced-progress-bar {
31
+ .video-js.skin_news_live .custom-spaced-progress-bar {
26
32
  position: absolute;
27
33
  width: 100%;
28
34
  display: flex;
@@ -30,7 +36,7 @@
30
36
  top: -0.5em;
31
37
  }
32
38
 
33
- .video-js.skin_mini .vjs-progress-control {
39
+ .video-js.skin_news_live .vjs-progress-control {
34
40
  /* left: -6px; */
35
41
  position: relative;
36
42
  width: 100%;
@@ -38,22 +44,25 @@
38
44
  transition: height 0.1s, top 0.1s;
39
45
  }
40
46
 
47
+ .video-js.skin_news_live .vjs-volume-panel{
48
+ min-width: 5.3em;
49
+ }
41
50
 
42
51
 
43
52
 
44
- .video-js.skin_mini .vjs-custom-control-spacer {
45
- display: block;
46
- flex: 1 1 auto;
53
+ .video-js.skin_news_live .vjs-custom-control-spacer {
54
+ /* display: block; */
55
+ /* flex: 1 1 auto; */
47
56
  }
48
57
 
49
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
58
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
50
59
  margin: 0 0px 0 0px;
51
60
  }
52
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
61
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
53
62
  display: none;
54
63
  }
55
64
 
56
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
65
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
57
66
  font-size: 14px;
58
67
  font-weight: 500;
59
68
  align-self: center;
@@ -62,207 +71,199 @@
62
71
  border-radius: 8px;
63
72
  }
64
73
 
65
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
66
- height: 5px !important;
74
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
75
+ height: 6px !important;
67
76
  }
68
77
 
69
- .video-js.skin_mini .vjs-play-progress:before {
70
- font-size: 1.3em;
78
+ .video-js.skin_news_live .vjs-play-progress:before {
79
+ font-size: 1.5em;
71
80
  line-height: unset;
72
81
  top: -0.3333333333em;
73
82
  }
74
83
 
75
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
84
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
76
85
  display: none !important;
77
86
  }
78
87
 
79
88
  /* */
80
- .video-js.skin_mini .vjs-mouse-display{
89
+ .video-js.skin_news_live .vjs-mouse-display{
81
90
  font-size: 1.6666666667em;
82
91
  }
83
92
 
84
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
93
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
85
94
  font-size: 1em !important;
86
95
  }
87
96
 
88
- .video-js.skin_mini .vjs-button{
89
- width: 3em;
97
+ .video-js.skin_news_live .vjs-button{
98
+ width: 5.3em;
90
99
  display: flex;
91
100
  align-items: center;
92
101
  justify-content: center;
93
102
  }
94
103
 
95
104
 
96
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
105
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
97
106
  .icon-maximize {
98
107
  display: block;
99
108
  height: 32px;
100
109
  }
101
110
 
102
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
111
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
103
112
  line-height: 4;
104
113
  }
105
114
 
106
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
115
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
107
116
  .icon-minimize {
108
117
  display: none;
109
118
  height: 32px;
110
119
  }
111
120
 
112
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
121
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
113
122
  outline: none !important;
123
+ /* flex: 1; */
114
124
  }
115
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
125
+ .video-js.skin_news_live .vjs-play-toggle-container{
126
+ display: flex;
127
+ flex: 1;
128
+ justify-content: center;
129
+ }
130
+
131
+
132
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
116
133
  .vjs-icon-fullscreen-enter:before {
117
134
  /* content: '' !important; */
118
135
  }
119
136
 
120
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
137
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
121
138
  display: flex;
122
139
  justify-content: center;
123
140
  align-items: center;
124
141
  /* transform: rotate(90deg); */
125
142
  }
126
143
 
127
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
144
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
128
145
  display: none;
129
146
  }
130
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
147
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
131
148
  margin-left: -10px;
132
- display: none;
133
- }
134
-
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
149
  }
150
150
 
151
- .video-js.skin_mini .skipbtn:hover{
151
+ .video-js.skin_news_live .skipbtn:hover{
152
152
  cursor: pointer;
153
153
  }
154
154
 
155
- .video-js.skin_mini .rewindbtn:hover{
155
+ .video-js.skin_news_live .rewindbtn:hover{
156
156
  cursor: pointer;
157
157
  }
158
158
 
159
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
159
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
160
160
  position: relative;
161
161
  padding-left: 0;
162
162
  }
163
163
 
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;
164
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
165
+ display: none !important;
181
166
  }
182
167
 
183
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
168
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
169
+ /* width: 90px;
170
+ height: 90px;
171
+ display: flex;
172
+ justify-content: center;
173
+ align-items: center;
174
+ border-radius: 50%;
175
+ position: absolute;
176
+ top: 0;
177
+ left: 0;
178
+ right: 0;
179
+ bottom: 0;
180
+ margin: auto;
181
+ font-size: 6em;
182
+ line-height: 1.4em;
183
+ border: 0.05em solid;
184
+ color: inherit; */
185
+ display: none !important;
186
+ }
187
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
184
188
  font-weight: bold;
185
189
  }
186
190
 
187
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
188
- bottom: 1.1em !important;
189
- right: 1em;
191
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
192
+ bottom: 2.4em !important;
193
+ right: -1em;
190
194
  z-index: 1;
191
- font-size: 10px;
192
195
  }
193
196
 
194
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
197
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
195
198
  width: 24px !important;
196
199
  height: 24px !important;
197
200
  }
198
- .video-js.skin_mini .settings-selector-icon>svg{
201
+ .settings-selector-icon>svg{
199
202
  height: 19px !important;
200
203
  width: 19px !important;
201
204
  }
202
205
 
203
206
 
204
- .video-js.skin_mini button.vjs-rewind-button{
207
+ .video-js.skin_news_live button.vjs-rewind-button{
205
208
  cursor: pointer;
206
209
  }
207
210
 
208
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
211
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
209
212
  padding-right: 0;
213
+ display: none;
210
214
  }
211
215
 
212
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
216
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
213
217
  padding-left: 0;
218
+ display: none;
214
219
  }
215
220
 
216
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
221
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
217
222
  padding-left: 0;
218
223
  padding-right: 0;
219
- display: flex;
220
- justify-content: center;
221
- width: min-content;
224
+ display: none;
222
225
  }
223
226
 
224
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
227
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
225
228
  display: none
226
229
  }
227
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
230
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
228
231
  display: none
229
232
  }
230
233
 
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;
234
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
235
+ display: flex;
236
+ align-items: center;
237
+ font-weight: 700;
238
+ font-size: 12px;
239
+ min-width: 1.2em;
238
240
  }
239
241
 
240
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
242
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
241
243
  display: none;
242
244
  font-size: 11px;
243
245
  justify-content: center;
244
246
  align-items: center;
245
247
  user-select: none;
246
248
  }
247
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
249
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
248
250
  display: none;
249
251
  }
250
252
 
251
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
253
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
252
254
  height: min-content;
253
255
  width: min-content;
254
256
  }
255
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
256
- width: 3em;
257
- margin-right: 4px;
257
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
258
+ width: 6em;
258
259
  }
259
260
 
260
- .video-js.skin_mini .content{
261
+ .video-js.skin_news_live .content{
261
262
  bottom: 3.4rem !important;
262
263
  right: -4rem !important;
263
264
  }
264
265
 
265
- .video-js.skin_mini .setting-icon > svg{
266
+ .setting-icon > svg{
266
267
  height:18px !important;
267
268
  }
268
269
 
@@ -276,16 +277,16 @@
276
277
  pointer-events:none
277
278
  }
278
279
 
279
- .video-js.skin_mini iframe{
280
+ .video-js.skin_news_live iframe{
280
281
  width: 100%;
281
282
  height: 100%;
282
283
  }
283
284
 
284
- .video-js.skin_mini .vjs-live-control{
285
+ .video-js.skin_news_live .vjs-live-control{
285
286
  align-items: center;
286
- max-width: 5em;
287
+ display: none;
287
288
  }
288
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
289
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
289
290
  height: 2.2em;
290
291
  display: flex;
291
292
  align-items: center;
@@ -293,185 +294,218 @@
293
294
  width: 4em;
294
295
  justify-content: center;
295
296
  background: red;
296
- margin: 4px 0px 4px 2px;
297
+ margin: 4px 0px 4px 12px;
297
298
  }
298
299
 
299
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
300
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
300
301
  text-shadow: none;
301
302
  }
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;
305
- }
306
303
 
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;
304
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
305
+ display: flex;
312
306
  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);
307
+ min-width: 5.3em;
308
+ pointer-events: none;
309
+ user-select: none;
320
310
  }
321
311
 
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;
312
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
313
+ color: white;
325
314
  }
326
315
 
327
316
 
328
- @media(max-width:600px){
317
+ .settings-selection.vjs-control.vjs-button{
318
+ display: flex !important;
319
+ }
320
+
321
+ @media(max-width:576px){
322
+ .settings-selection.vjs-control.vjs-button{
323
+ display: none !important;
324
+ }
325
+ }
326
+
327
+
328
+ @media(max-width:576px){
329
329
  .tvProviderImage{
330
330
  display: none
331
331
  }
332
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
332
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
333
333
  .icon-maximize {
334
334
  height: 30px !important;
335
335
  }
336
336
 
337
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
337
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
338
338
  .icon-minimize {
339
339
  height: 30px !important;
340
340
  }
341
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
342
- width: 3.5em;
341
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
342
+ width: 4.5em;
343
343
  }
344
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
344
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
345
345
  height: min-content;
346
346
  }
347
347
 
348
- .video-js.skin_mini button.vjs-slowmo-button{
348
+ .video-js.skin_news_live button.vjs-slowmo-button{
349
349
  display: none;
350
350
  }
351
- .video-js.skin_mini button.vjs-rewind-button{
351
+ .video-js.skin_news_live button.vjs-rewind-button{
352
352
  display: none;
353
353
  }
354
- .video-js.skin_mini button.vjs-rewind-button>svg{
354
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
355
355
  height: 20px;
356
356
  }
357
- .video-js.skin_mini .vjs-button{
358
- width: 3em;
357
+ .video-js.skin_news_live .vjs-button{
358
+ width: 4.8em;
359
359
  }
360
- .video-js.skin_mini .widget-selection{
360
+ .video-js.skin_news_live .widget-selection{
361
361
  display: none;
362
362
  }
363
- .video-js.skin_mini .container{
363
+ .video-js.skin_news_live .container{
364
364
  display: none !important;
365
365
  }
366
- .video-js.skin_mini .vjs-control-bar{
366
+ .video-js.skin_news_live .vjs-control-bar{
367
367
  height: 4em !important;
368
368
  }
369
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
369
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
370
370
  font-size: 2.5em;
371
371
  line-height: 1.5;
372
372
  }
373
- .video-js.skin_mini .vjs-play-progress:before {
373
+ .video-js.skin_news_live .vjs-play-progress:before {
374
374
  font-size: 1.2em;
375
375
  position: absolute;
376
376
  right: -0.5em;
377
377
  z-index: 1;
378
378
  }
379
- .video-js.skin_mini button.vjs-skip-button>svg{
379
+ .video-js.skin_news_live button.vjs-skip-button>svg{
380
380
  height: 20px;
381
381
  }
382
+ .video-js.skin_news_live button.vjs-big-play-button {
383
+ width: 50px !important;
384
+ height: 50px !important;
385
+ font-size: 2.1rem !important;
386
+ }
382
387
 
383
388
  .stream-selector-icon>svg{
384
389
  width: 24px;
385
390
  height: 24px;
386
391
  }
387
- .video-js.skin_mini .vjs-seek-to-live-text{
388
- font-size: 12px;
392
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
393
+ margin: 0 12px 0 12px;
389
394
  }
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
- }
395
+ .video-js.skin_news_live .vjs-seek-to-live-text{
396
+ font-size: 12px;
396
397
  }
397
-
398
- .video-js.skin_mini .vjs-text-track-display-ttml span {
399
- color: white !important;
400
- font-size: 16px !important;
401
- background-color: rgba(0,0,0,0.2) !important;
398
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
399
+ margin: 0 12px 0 12px;
402
400
  }
403
-
404
- .video-js.skin_mini .vjs-text-track-display-ttml p {
405
- font-size: 18px !important;
406
401
  }
407
-
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;
402
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
403
+ width: 90px;
404
+ height: 90px;
405
+ display: flex;
406
+ justify-content: center;
407
+ align-items: center;
408
+ border-radius: 50%;
409
+ position: absolute;
410
+ top: 0;
411
+ left: 0;
412
+ right: 0;
413
+ bottom: 0;
414
+ margin: auto;
415
+ font-size: 6em;
416
+ line-height: 1.4em;
410
417
  }
411
418
 
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
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
414
420
  display: flex;
415
421
  justify-content: center;
416
422
  align-items: center;
417
423
  height: 100%;
418
424
  transition: width 0.1s;
419
425
  }
420
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
421
- margin: 2px;
422
- }
423
426
 
424
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
427
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
428
  display: flex;
426
429
  justify-content: center;
427
430
  align-items: center;
428
431
  height: 100%;
429
432
  transition: width 0.1s;
430
433
  }
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;
434
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
435
+ display: none !important;
438
436
  }
439
437
 
440
- @media (max-width: 600px) {
441
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
438
+ @media (max-width: 576px) {
439
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
442
440
  height: 5px !important;
443
441
  }
442
+ .video-js.skin_news_live button.vjs-big-play-button {
443
+ width: 50px !important;
444
+ height: 50px !important;
445
+ font-size: 2.1rem !important;
446
+ }
444
447
 
445
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
448
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
446
449
  display: none;
447
450
  }
451
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
452
+ bottom: 2.4em !important;
453
+ right: -1em;
454
+ z-index: 1;
455
+ }
456
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
457
+ display: none !important;
458
+ }
448
459
 
460
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
461
+ color: white !important;
462
+ font-size: 13px !important;
463
+ background-color: black !important;
464
+ }
449
465
  }
450
466
 
451
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
452
- content: none !important;
453
- fill: none !important;
454
- filter: none !important;
467
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
468
+ width: 100% !important;
455
469
  }
456
470
 
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;
471
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
472
+ color: white !important;
473
+ font-size: 16px !important;
474
+ background-color: black !important;
460
475
  }
461
476
 
462
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
463
- opacity: 1 !important;
477
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
478
+ margin-bottom: 2rem !important;
464
479
  }
465
480
 
466
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
481
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
482
+ font-size: 18px !important;
483
+ }
484
+
485
+
486
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
487
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
488
+ font-size: 1.2em !important;
489
+ line-height: 1.5em !important;
490
+ padding: 0.2em 0.8em !important;
491
+ }
492
+
493
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
494
+ content: none !important;
495
+ fill: none !important;
496
+ filter: none !important;
497
+ }
498
+
499
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
467
500
  color: rgba(255, 255, 2555, 0.7)!important;
468
501
  }
469
502
 
470
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
503
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
471
504
  color: rgba(255, 255, 2555, 1)!important;
472
505
  }
473
506
 
474
507
 
508
+
475
509
  .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
476
510
  font-size: 2.2em;
477
511
  line-height: 2.6;
@@ -1000,705 +1034,671 @@
1000
1034
 
1001
1035
 
1002
1036
 
1003
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1004
- font-size: 2.2em;
1005
- line-height: 2.6;
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%;
1006
1042
  }
1007
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1008
- background: #fcb700;
1043
+
1044
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1045
+ height: 100%;
1009
1046
  }
1010
- .video-js.skin_news_live .vjs-control-bar{
1011
- z-index: 1 !important;
1012
- height: 5em !important;
1013
- background: black !important;
1047
+
1048
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1049
+ line-height: 2.5;
1014
1050
  }
1015
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1016
- display: flex;
1017
- align-items: center;
1018
- justify-content: center;
1051
+
1052
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1053
+ height: 19px;
1054
+ width: 19px;
1055
+ cursor: pointer;
1056
+ }
1057
+ .video-js.skin_vlone .vjs-control {
1058
+ user-select: none;
1059
+ }
1060
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1061
+ user-select: none;
1019
1062
  }
1020
1063
 
1021
- .video-js.skin_news_live .vjs-fade>* {
1022
- visibility: hidden !important;
1023
- opacity: 0 !important;
1024
- transition: visibility 1s, opacity 1s !important;
1064
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1065
+ height: 19px;
1066
+ width: 19px;
1067
+ cursor: pointer;
1025
1068
  }
1026
1069
 
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;
1070
+ .video-js.skin_vlone .vjs-play-progress:before {
1071
+ display: none !important;
1033
1072
  }
1034
1073
 
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;
1074
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1075
+ margin: 0 !important;
1076
+
1041
1077
  }
1042
1078
 
1043
- .video-js.skin_news_live .vjs-volume-panel{
1044
- min-width: 5.3em;
1079
+
1080
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1081
+ display: block;
1082
+ flex: 1 1 auto;
1045
1083
  }
1046
1084
 
1085
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1086
+ z-index: 1;
1087
+ }
1047
1088
 
1048
1089
 
1049
- .video-js.skin_news_live .vjs-custom-control-spacer {
1050
- /* display: block; */
1051
- /* flex: 1 1 auto; */
1090
+ .video-js.skin_vlone .vjs-control-bar {
1091
+ height: 40px;
1052
1092
  }
1053
1093
 
1054
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1055
- margin: 0 0px 0 0px;
1094
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1095
+ .vjs-button>.vjs-icon-placeholder:before {
1096
+ position: relative !important;
1056
1097
  }
1057
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1058
- display: none;
1098
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1099
+ display: flex;
1100
+ left: 0px;
1101
+ top: -1px;
1059
1102
  }
1060
1103
 
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;
1104
+ .vjs-button>.vjs-icon-placeholder:before {
1105
+ font-size: 2em !important;
1068
1106
  }
1069
1107
 
1070
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1071
- height: 6px !important;
1108
+ .video-js.skin_vlone .vjs-control {
1109
+ width: 4.3em;
1072
1110
  }
1073
1111
 
1074
- .video-js.skin_news_live .vjs-play-progress:before {
1075
- font-size: 1.5em;
1076
- line-height: unset;
1077
- top: -0.3333333333em;
1112
+ .vjs-menu-button-popup .vjs-menu {
1113
+ bottom: 10px !important;
1078
1114
  }
1079
1115
 
1080
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1081
- display: none !important;
1082
- }
1083
1116
 
1084
- /* */
1085
- .video-js.skin_news_live .vjs-mouse-display{
1086
- font-size: 1.6666666667em;
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;
1087
1122
  }
1088
1123
 
1089
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1090
- font-size: 1em !important;
1091
- }
1092
1124
 
1093
- .video-js.skin_news_live .vjs-button{
1094
- width: 5.3em;
1095
- display: flex;
1096
- align-items: center;
1097
- justify-content: center;
1125
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1126
+ display: none !important;
1098
1127
  }
1099
1128
 
1100
-
1101
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1102
- .icon-maximize {
1129
+ .video-js.skin_vlone .vjs-time-control {
1103
1130
  display: block;
1104
- height: 32px;
1105
- }
1106
-
1107
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1108
- line-height: 4;
1109
1131
  }
1110
-
1111
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1112
- .icon-minimize {
1132
+ .video-js.skin_vlone .vjs-remaining-time {
1113
1133
  display: none;
1114
- height: 32px;
1115
1134
  }
1116
1135
 
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;
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;
1125
1140
  }
1126
1141
 
1127
-
1128
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1129
- .vjs-icon-fullscreen-enter:before {
1130
- /* content: '' !important; */
1142
+ .video-js.skin_vlone .vjs-time-divider > div{
1143
+ display: flex;
1144
+ justify-content: center;
1131
1145
  }
1132
1146
 
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); */
1147
+ .video-js.skin_vlone .vjs-live-control{
1148
+ align-items: center;
1138
1149
  }
1139
-
1140
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1141
- display: none;
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;
1142
1159
  }
1143
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1144
- margin-left: -10px;
1160
+ .video-js.skin_vlone .vjs-live-display:hover{
1161
+ cursor: pointer;
1145
1162
  }
1146
1163
 
1147
- .video-js.skin_news_live .skipbtn:hover{
1148
- cursor: pointer;
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;
1149
1171
  }
1150
1172
 
1151
- .video-js.skin_news_live .rewindbtn:hover{
1152
- cursor: pointer;
1173
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1174
+ margin-left: 16px !important;
1153
1175
  }
1154
1176
 
1155
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1156
- position: relative;
1157
- padding-left: 0;
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;
1158
1182
  }
1159
1183
 
1160
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1161
- display: none !important;
1162
- }
1163
1184
 
1164
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1165
- /* width: 90px;
1166
- height: 90px;
1185
+ /* Big play */
1186
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1187
+ width: 80px;
1188
+ height: 80px;
1167
1189
  display: flex;
1168
1190
  justify-content: center;
1169
1191
  align-items: center;
1170
- border-radius: 50%;
1192
+ border: none;
1171
1193
  position: absolute;
1172
1194
  top: 0;
1173
1195
  left: 0;
1174
1196
  right: 0;
1175
1197
  bottom: 0;
1176
1198
  margin: auto;
1177
- font-size: 6em;
1178
- line-height: 1.4em;
1179
- border: 0.05em solid;
1180
- color: inherit; */
1181
- display: none !important;
1182
- }
1183
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1184
- font-weight: bold;
1199
+ font-size: 5em;
1200
+ line-height: 1.3em;
1201
+ transform: none !important;
1202
+ border-radius: 1.3em;
1185
1203
  }
1186
-
1187
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1188
- bottom: 2.4em !important;
1189
- right: -1em;
1190
- z-index: 1;
1204
+ .video-js.skin_vlone .ssai-ad-container{
1205
+ position: absolute;
1206
+ bottom: 4px;
1191
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
+ }
1192
1215
 
1193
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1194
- width: 24px !important;
1195
- height: 24px !important;
1216
+ .video-js.skin_vlone .ssai-ad-container {
1217
+ position: absolute;
1218
+ bottom: 2px;
1196
1219
  }
1197
- .settings-selector-icon>svg{
1198
- height: 19px !important;
1199
- width: 19px !important;
1220
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1221
+ display: none;
1200
1222
  }
1201
1223
 
1202
-
1203
- .video-js.skin_news_live button.vjs-rewind-button{
1204
- cursor: pointer;
1224
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1225
+ /* display: none; */
1205
1226
  }
1206
1227
 
1207
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1208
- padding-right: 0;
1209
- display: none;
1228
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1229
+ /* display: none; */
1210
1230
  }
1211
-
1212
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1213
- padding-left: 0;
1214
- display: none;
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;
1239
+ }
1240
+ .video-js.skin_mini .vjs-control-bar{
1241
+ z-index: 1 !important;
1242
+ height: 4em !important;
1243
+ background: black !important;
1215
1244
  }
1216
1245
 
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;
1246
+ .video-js.skin_mini .vjs-fade>* {
1247
+ visibility: hidden !important;
1248
+ opacity: 0 !important;
1249
+ transition: visibility 1s, opacity 1s !important;
1221
1250
  }
1222
1251
 
1223
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1224
- display: none
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;
1225
1258
  }
1226
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1227
- display: none
1259
+
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;
1228
1266
  }
1229
1267
 
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;
1268
+
1269
+
1270
+
1271
+ .video-js.skin_mini .vjs-custom-control-spacer {
1272
+ display: block;
1273
+ flex: 1 1 auto;
1236
1274
  }
1237
1275
 
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;
1276
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1277
+ margin: 0 0px 0 0px;
1244
1278
  }
1245
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1279
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1246
1280
  display: none;
1247
1281
  }
1248
1282
 
1249
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
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;
1250
1287
  height: min-content;
1251
- width: min-content;
1252
- }
1253
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1254
- width: 6em;
1288
+ padding: 5px 2px;
1289
+ border-radius: 8px;
1255
1290
  }
1256
1291
 
1257
- .video-js.skin_news_live .content{
1258
- bottom: 3.4rem !important;
1259
- right: -4rem !important;
1292
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1293
+ height: 5px !important;
1260
1294
  }
1261
1295
 
1262
- .setting-icon > svg{
1263
- height:18px !important;
1296
+ .video-js.skin_mini .vjs-play-progress:before {
1297
+ font-size: 1.3em;
1298
+ line-height: unset;
1299
+ top: -0.3333333333em;
1264
1300
  }
1265
1301
 
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
1302
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1303
+ display: none !important;
1274
1304
  }
1275
1305
 
1276
- .video-js.skin_news_live iframe{
1277
- width: 100%;
1278
- height: 100%;
1306
+ /* */
1307
+ .video-js.skin_mini .vjs-mouse-display{
1308
+ font-size: 1.6666666667em;
1279
1309
  }
1280
1310
 
1281
- .video-js.skin_news_live .vjs-live-control{
1282
- align-items: center;
1283
- display: none;
1311
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1312
+ font-size: 1em !important;
1284
1313
  }
1285
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1286
- height: 2.2em;
1314
+
1315
+ .video-js.skin_mini .vjs-button{
1316
+ width: 3em;
1287
1317
  display: flex;
1288
1318
  align-items: center;
1289
- font-family: monospace;
1290
- width: 4em;
1291
1319
  justify-content: center;
1292
- background: red;
1293
- margin: 4px 0px 4px 12px;
1294
1320
  }
1295
1321
 
1296
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1297
- text-shadow: none;
1298
- }
1299
1322
 
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;
1323
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1324
+ .icon-maximize {
1325
+ display: block;
1326
+ height: 32px;
1306
1327
  }
1307
1328
 
1308
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1309
- color: white;
1329
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1330
+ line-height: 4;
1310
1331
  }
1311
1332
 
1312
-
1313
- .settings-selection.vjs-control.vjs-button{
1314
- display: flex !important;
1333
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1334
+ .icon-minimize {
1335
+ display: none;
1336
+ height: 32px;
1315
1337
  }
1316
1338
 
1317
- @media(max-width:576px){
1318
- .settings-selection.vjs-control.vjs-button{
1319
- display: none !important;
1320
- }
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; */
1321
1345
  }
1322
1346
 
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;
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); */
1374
1352
  }
1375
- .video-js.skin_news_live button.vjs-skip-button>svg{
1376
- height: 20px;
1353
+
1354
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1355
+ display: none;
1377
1356
  }
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;
1357
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1358
+ margin-left: -10px;
1359
+ display: none;
1382
1360
  }
1383
1361
 
1384
- .stream-selector-icon>svg{
1385
- width: 24px;
1386
- height: 24px;
1387
- }
1388
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1389
- margin: 0 12px 0 12px;
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;
1390
1376
  }
1391
- .video-js.skin_news_live .vjs-seek-to-live-text{
1392
- font-size: 12px;
1377
+
1378
+ .video-js.skin_mini .skipbtn:hover{
1379
+ cursor: pointer;
1393
1380
  }
1394
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1395
- margin: 0 12px 0 12px;
1381
+
1382
+ .video-js.skin_mini .rewindbtn:hover{
1383
+ cursor: pointer;
1396
1384
  }
1385
+
1386
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1387
+ position: relative;
1388
+ padding-left: 0;
1397
1389
  }
1398
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1399
- width: 90px;
1400
- height: 90px;
1390
+
1391
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1392
+ width: 40px;
1393
+ height: 40px;
1401
1394
  display: flex;
1402
1395
  justify-content: center;
1403
1396
  align-items: center;
1404
- border-radius: 50%;
1397
+ border: none;
1405
1398
  position: absolute;
1406
1399
  top: 0;
1407
1400
  left: 0;
1408
1401
  right: 0;
1409
1402
  bottom: 0;
1410
1403
  margin: auto;
1411
- font-size: 6em;
1412
- line-height: 1.4em;
1404
+ font-size: 3em;
1405
+ line-height: 1.3em;
1406
+ transform: none !important;
1407
+ border-radius: 1.3em;
1413
1408
  }
1414
1409
 
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;
1410
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1411
+ font-weight: bold;
1421
1412
  }
1422
1413
 
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;
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;
1429
1419
  }
1430
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1431
- display: none !important;
1420
+
1421
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1422
+ width: 24px !important;
1423
+ height: 24px !important;
1424
+ }
1425
+ .video-js.skin_mini .settings-selector-icon>svg{
1426
+ height: 19px !important;
1427
+ width: 19px !important;
1432
1428
  }
1433
1429
 
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
- }
1443
1430
 
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;
1431
+ .video-js.skin_mini button.vjs-rewind-button{
1432
+ cursor: pointer;
1451
1433
  }
1452
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1453
- display: none !important;
1454
- }
1455
1434
 
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
- }
1435
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1436
+ padding-right: 0;
1461
1437
  }
1462
1438
 
1463
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1464
- width: 100% !important;
1439
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1440
+ padding-left: 0;
1465
1441
  }
1466
1442
 
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;
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;
1471
1449
  }
1472
1450
 
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;
1451
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1452
+ display: none
1475
1453
  }
1476
-
1477
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1478
- font-size: 18px !important;
1454
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1455
+ display: none
1479
1456
  }
1480
1457
 
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;
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;
1487
1465
  }
1488
1466
 
1489
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1490
- content: none !important;
1491
- fill: none !important;
1492
- filter: none !important;
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;
1493
1473
  }
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;
1474
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1475
+ display: none;
1497
1476
  }
1498
1477
 
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;
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;
1481
+ }
1482
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1483
+ width: 3em;
1484
+ margin-right: 4px;
1501
1485
  }
1502
1486
 
1503
-
1504
-
1505
-
1506
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1507
- height: 0.7em;
1508
- position: absolute;
1509
- top: -0.7em;
1510
- width: 100%;
1487
+ .video-js.skin_mini .content{
1488
+ bottom: 3.4rem !important;
1489
+ right: -4rem !important;
1511
1490
  }
1512
1491
 
1513
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1514
- height: 100%;
1492
+ .video-js.skin_mini .setting-icon > svg{
1493
+ height:18px !important;
1515
1494
  }
1516
1495
 
1517
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1518
- line-height: 2.5;
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
1519
1504
  }
1520
1505
 
1521
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1522
- height: 19px;
1523
- width: 19px;
1524
- cursor: pointer;
1506
+ .video-js.skin_mini iframe{
1507
+ width: 100%;
1508
+ height: 100%;
1525
1509
  }
1526
- .video-js.skin_vlone .vjs-control {
1527
- user-select: none;
1510
+
1511
+ .video-js.skin_mini .vjs-live-control{
1512
+ align-items: center;
1513
+ max-width: 5em;
1528
1514
  }
1529
- .video-js.skin_vlone .vjs-custom-control-spacer{
1530
- user-select: none;
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;
1531
1524
  }
1532
1525
 
1533
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1534
- height: 19px;
1535
- width: 19px;
1536
- cursor: pointer;
1526
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1527
+ text-shadow: none;
1528
+ }
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;
1537
1532
  }
1538
1533
 
1539
- .video-js.skin_vlone .vjs-play-progress:before {
1540
- display: none !important;
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);
1541
1547
  }
1542
1548
 
1543
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1544
- margin: 0 !important;
1545
-
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;
1546
1552
  }
1547
1553
 
1548
1554
 
1549
- .video-js.skin_vlone .vjs-custom-control-spacer {
1550
- display: block;
1551
- flex: 1 1 auto;
1552
- }
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
+ }
1553
1563
 
1554
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
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
+ }
1574
+
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;
1555
1604
  z-index: 1;
1556
1605
  }
1557
-
1558
-
1559
- .video-js.skin_vlone .vjs-control-bar {
1560
- height: 40px;
1606
+ .video-js.skin_mini button.vjs-skip-button>svg{
1607
+ height: 20px;
1561
1608
  }
1562
1609
 
1563
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1564
- .vjs-button>.vjs-icon-placeholder:before {
1565
- position: relative !important;
1610
+ .stream-selector-icon>svg{
1611
+ width: 24px;
1612
+ height: 24px;
1566
1613
  }
1567
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1568
- display: flex;
1569
- left: 0px;
1570
- top: -1px;
1614
+ .video-js.skin_mini .vjs-seek-to-live-text{
1615
+ font-size: 12px;
1571
1616
  }
1572
1617
 
1573
- .vjs-button>.vjs-icon-placeholder:before {
1574
- font-size: 2em !important;
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
+ }
1575
1623
  }
1576
1624
 
1577
- .video-js.skin_vlone .vjs-control {
1578
- width: 4.3em;
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;
1579
1629
  }
1580
1630
 
1581
- .vjs-menu-button-popup .vjs-menu {
1582
- bottom: 10px !important;
1631
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
1632
+ font-size: 18px !important;
1583
1633
  }
1584
1634
 
1585
-
1586
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1587
- height: 1.3em;
1588
- position: absolute;
1589
- top: -1.3em;
1590
- transition: height 0.3s, top 0.3s;
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;
1591
1637
  }
1592
1638
 
1593
1639
 
1594
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1595
- display: none !important;
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;
1596
1649
  }
1597
1650
 
1598
- .video-js.skin_vlone .vjs-time-control {
1599
- display: block;
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;
1600
1657
  }
1601
- .video-js.skin_vlone .vjs-remaining-time {
1602
- display: none;
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;
1603
1665
  }
1604
1666
 
1605
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1606
- line-height: 3.5em;
1607
- font-size: 1.1em;
1608
- min-width: 4em;
1609
- }
1667
+ @media (max-width: 600px) {
1668
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1669
+ height: 5px !important;
1670
+ }
1610
1671
 
1611
- .video-js.skin_vlone .vjs-time-divider > div{
1612
- display: flex;
1613
- justify-content: center;
1614
- }
1672
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1673
+ display: none;
1674
+ }
1615
1675
 
1616
- .video-js.skin_vlone .vjs-live-control{
1617
- align-items: center;
1618
- }
1619
- .video-js.skin_vlone .vjs-live-display{
1620
- height: 2.2em;
1621
- display: flex;
1622
- align-items: center;
1623
- font-family: monospace;
1624
- width: 4em;
1625
- justify-content: center;
1626
- background: red;
1627
- margin: 4px 0px 4px 12px;
1628
- }
1629
- .video-js.skin_vlone .vjs-live-display:hover{
1630
- cursor: pointer;
1631
1676
  }
1632
1677
 
1633
- .video-js.skin_vlone .vjs-time-control {
1634
- line-height: 3.5em !important;
1635
- font-size: 1.1em !important;
1636
- width: min-content !important;
1637
- min-width: 1.5em;
1638
- padding: 0 !important;
1639
- user-select: none;
1678
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1679
+ content: none !important;
1680
+ fill: none !important;
1681
+ filter: none !important;
1640
1682
  }
1641
1683
 
1642
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1643
- margin-left: 16px !important;
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;
1644
1687
  }
1645
1688
 
1646
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1647
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1648
- font-size: 1.2em !important;
1649
- line-height: 1.5em !important;
1650
- padding: 0.2em 0.8em !important;
1689
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1690
+ opacity: 1 !important;
1651
1691
  }
1652
1692
 
1653
-
1654
- /* Big play */
1655
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1656
- width: 80px;
1657
- height: 80px;
1658
- display: flex;
1659
- justify-content: center;
1660
- align-items: center;
1661
- border: none;
1662
- position: absolute;
1663
- top: 0;
1664
- left: 0;
1665
- right: 0;
1666
- bottom: 0;
1667
- margin: auto;
1668
- font-size: 5em;
1669
- line-height: 1.3em;
1670
- transform: none !important;
1671
- border-radius: 1.3em;
1672
- }
1673
- .video-js.skin_vlone .ssai-ad-container{
1674
- position: absolute;
1675
- bottom: 4px;
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;
1676
1695
  }
1677
-
1678
- @media(max-width:600px){
1679
- .video-js.skin_vlone button.vjs-big-play-button {
1680
- width: 50px !important;
1681
- height: 50px !important;
1682
- font-size: 2.1rem !important;
1683
- }
1684
1696
 
1685
- .video-js.skin_vlone .ssai-ad-container {
1686
- position: absolute;
1687
- bottom: 2px;
1688
- }
1689
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1690
- display: none;
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;
1691
1699
  }
1692
1700
 
1693
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1694
- /* display: none; */
1695
- }
1696
1701
 
1697
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1698
- /* display: none; */
1699
- }
1700
- }
1701
-
1702
1702
  /* CSS for videojs-dvr-seekbar */
1703
1703
 
1704
1704
  .video-js.vjs-dvr-seekbar {
@@ -1879,6 +1879,9 @@
1879
1879
 
1880
1880
 
1881
1881
 
1882
+
1883
+
1884
+
1882
1885
  .video-js .multicamera-parent.default{
1883
1886
  height: 345px;
1884
1887
  position: absolute;
@@ -1958,10 +1961,6 @@
1958
1961
  }
1959
1962
 
1960
1963
 
1961
-
1962
-
1963
-
1964
-
1965
1964
  .vjs-custom-big-mute.vjs-control{
1966
1965
  position: absolute;
1967
1966
  align-items: center;
@@ -2010,6 +2009,7 @@
2010
2009
  width: 22px;
2011
2010
  }
2012
2011
 
2012
+
2013
2013
  /* nextep — up-next card (centered in player, scales with player size) */
2014
2014
  .video-js:has(.next-ep-preview),
2015
2015
  .video-js:has(.next-ep-preview-player-thumb) {