@viewlift/player-backup 2.0.307-backup → 2.0.308-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 (68) hide show
  1. package/cjs/{autoNextVideo-1bbfcbcd.js → autoNextVideo-44a6a791.js} +1 -1
  2. package/cjs/bundle.css +796 -796
  3. package/cjs/{caption-settings-8f59beca.js → caption-settings-749e3991.js} +1 -1
  4. package/cjs/captions-0ca41a03.js +1 -0
  5. package/cjs/{features-f05e6f60.js → features-a618da9c.js} +1 -1
  6. package/cjs/generic-c3c5a35f.js +1 -0
  7. package/cjs/index-2258865d.js +1 -0
  8. package/cjs/{index-8a971d72.js → index-5dfbe9fd.js} +1 -1
  9. package/cjs/{index-5db4647d.js → index-6707f221.js} +1 -1
  10. package/cjs/{index-6d72a207.js → index-72ce65ca.js} +1 -1
  11. package/cjs/index.js +1 -1
  12. package/cjs/{multicamv2-9721532c.js → multicamv2-288399d7.js} +1 -1
  13. package/cjs/{multicamv2-bfd2b179.js → multicamv2-57a9ee9e.js} +1 -1
  14. package/cjs/{nextEpisodeButton-15702295.js → nextEpisodeButton-938c6f80.js} +1 -1
  15. package/cjs/{playlist-94b98403.js → playlist-fef790f6.js} +1 -1
  16. package/cjs/{series-ce8f9110.js → series-f28d4c86.js} +1 -1
  17. package/cjs/{series-v2-cf00ae5d.js → series-v2-33332a87.js} +1 -1
  18. package/cjs/{series-v2-d17f8fdb.js → series-v2-526b32e9.js} +1 -1
  19. package/cjs/{skin-103ef501.js → skin-03240477.js} +1 -1
  20. package/cjs/{skin-812da2fb.js → skin-08eb83cf.js} +1 -1
  21. package/cjs/{skin-297aaa3d.js → skin-2a75ead0.js} +1 -1
  22. package/cjs/{skin-8eb1a746.js → skin-556c7e59.js} +1 -1
  23. package/cjs/{skin-5e1660e9.js → skin-77ced573.js} +1 -1
  24. package/cjs/{skin-049df4fb.js → skin-89646ebe.js} +1 -1
  25. package/cjs/{skin-4213de43.js → skin-c42e5bf6.js} +1 -1
  26. package/cjs/{skin-efca4370.js → skin-cb0b7e24.js} +1 -1
  27. package/cjs/{skin-869927e4.js → skin-d0f47266.js} +1 -1
  28. package/cjs/{skin-a7acf1f1.js → skin-dc2d057c.js} +1 -1
  29. package/cjs/{videoSelector-509fd6b2.js → videoSelector-e4b027b4.js} +1 -1
  30. package/cjs/{videoSelector-3f79b55d.js → videoSelector-e8361efd.js} +1 -1
  31. package/esm/{autoNextVideo-f19a4141.js → autoNextVideo-10897511.js} +1 -1
  32. package/esm/bundle.css +796 -796
  33. package/esm/{caption-settings-7e20f930.js → caption-settings-8dfcb482.js} +1 -1
  34. package/esm/captions-75f20905.js +1 -0
  35. package/esm/core/captions.d.ts +1 -0
  36. package/esm/{features-49c73f18.js → features-fdad18aa.js} +1 -1
  37. package/esm/generic-abae2ca9.js +1 -0
  38. package/esm/{index-9cc865c1.js → index-3a188b67.js} +1 -1
  39. package/esm/{index-700f831f.js → index-6c520e81.js} +1 -1
  40. package/esm/{index-f140026f.js → index-7a33fd81.js} +1 -1
  41. package/esm/index-a0c37b30.js +1 -0
  42. package/esm/index.js +1 -1
  43. package/esm/{multicamv2-ca7b9c2b.js → multicamv2-5b6a06cd.js} +1 -1
  44. package/esm/{multicamv2-e4f413b9.js → multicamv2-cdb5feb3.js} +1 -1
  45. package/esm/{nextEpisodeButton-30d9e28c.js → nextEpisodeButton-fda371d7.js} +1 -1
  46. package/esm/{playlist-5c6dca76.js → playlist-e29d5800.js} +1 -1
  47. package/esm/{series-c24e1430.js → series-bd1d6cdc.js} +1 -1
  48. package/esm/{series-v2-ae0e7cd3.js → series-v2-77ee47f0.js} +1 -1
  49. package/esm/{series-v2-ca3ba531.js → series-v2-9179c1d6.js} +1 -1
  50. package/esm/{skin-30c95ec8.js → skin-40c87ff8.js} +1 -1
  51. package/esm/{skin-ab6da3b6.js → skin-4af91c1f.js} +1 -1
  52. package/esm/{skin-6a2ce0a2.js → skin-6bb4d7b8.js} +1 -1
  53. package/esm/{skin-85d61c41.js → skin-72fa8635.js} +1 -1
  54. package/esm/{skin-8c0d2818.js → skin-997b3f54.js} +1 -1
  55. package/esm/{skin-86843948.js → skin-d8b7899d.js} +1 -1
  56. package/esm/{skin-8b255527.js → skin-e65f563d.js} +1 -1
  57. package/esm/{skin-255e4ecb.js → skin-eb636f22.js} +1 -1
  58. package/esm/{skin-d39cb70e.js → skin-ed831985.js} +1 -1
  59. package/esm/{skin-68a5793b.js → skin-f3073421.js} +1 -1
  60. package/esm/{videoSelector-a4dd361d.js → videoSelector-00df633a.js} +1 -1
  61. package/esm/{videoSelector-885e1bb3.js → videoSelector-3b47f12e.js} +1 -1
  62. package/package.json +29 -29
  63. package/cjs/captions-6cbd3375.js +0 -1
  64. package/cjs/generic-702bf640.js +0 -1
  65. package/cjs/index-39d0ed77.js +0 -1
  66. package/esm/captions-7e8712e5.js +0 -1
  67. package/esm/generic-4ba97ed2.js +0 -1
  68. package/esm/index-51f41fdf.js +0 -1
package/cjs/bundle.css CHANGED
@@ -1,31 +1,222 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
4
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
+ height: 0.7em;
6
+ position: absolute;
7
+ top: -0.7em;
8
+ width: 100%;
9
+ }
10
+
11
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
12
+ height: 100%;
13
+ }
14
+
15
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
16
+ line-height: 2.5;
17
+ }
18
+
19
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
20
+ height: 19px;
21
+ width: 19px;
22
+ cursor: pointer;
23
+ }
24
+ .video-js.skin_vlone .vjs-control {
25
+ user-select: none;
26
+ }
27
+ .video-js.skin_vlone .vjs-custom-control-spacer{
28
+ user-select: none;
29
+ }
30
+
31
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
32
+ height: 19px;
33
+ width: 19px;
34
+ cursor: pointer;
35
+ }
36
+
37
+ .video-js.skin_vlone .vjs-play-progress:before {
38
+ display: none !important;
39
+ }
40
+
41
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
42
+ margin: 0 !important;
43
+
44
+ }
45
+
46
+
47
+ .video-js.skin_vlone .vjs-custom-control-spacer {
48
+ display: block;
49
+ flex: 1 1 auto;
50
+ }
51
+
52
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
53
+ z-index: 1;
54
+ }
55
+
56
+
57
+ .video-js.skin_vlone .vjs-control-bar {
58
+ height: 40px;
59
+ }
60
+
61
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
62
+ .vjs-button>.vjs-icon-placeholder:before {
63
+ position: relative !important;
64
+ }
65
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
66
+ display: flex;
67
+ left: 0px;
68
+ top: -1px;
69
+ }
70
+
71
+ .vjs-button>.vjs-icon-placeholder:before {
72
+ font-size: 2em !important;
73
+ }
74
+
75
+ .video-js.skin_vlone .vjs-control {
76
+ width: 4.3em;
77
+ }
78
+
79
+ .vjs-menu-button-popup .vjs-menu {
80
+ bottom: 10px !important;
81
+ }
82
+
83
+
84
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
85
+ height: 1.3em;
86
+ position: absolute;
87
+ top: -1.3em;
88
+ transition: height 0.3s, top 0.3s;
89
+ }
90
+
91
+
92
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
93
+ display: none !important;
94
+ }
95
+
96
+ .video-js.skin_vlone .vjs-time-control {
97
+ display: block;
98
+ }
99
+ .video-js.skin_vlone .vjs-remaining-time {
100
+ display: none;
101
+ }
102
+
103
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
104
+ line-height: 3.5em;
105
+ font-size: 1.1em;
106
+ min-width: 4em;
107
+ }
108
+
109
+ .video-js.skin_vlone .vjs-time-divider > div{
110
+ display: flex;
111
+ justify-content: center;
112
+ }
113
+
114
+ .video-js.skin_vlone .vjs-live-control{
115
+ align-items: center;
116
+ }
117
+ .video-js.skin_vlone .vjs-live-display{
118
+ height: 2.2em;
119
+ display: flex;
120
+ align-items: center;
121
+ font-family: monospace;
122
+ width: 4em;
123
+ justify-content: center;
124
+ background: red;
125
+ margin: 4px 0px 4px 12px;
126
+ }
127
+ .video-js.skin_vlone .vjs-live-display:hover{
128
+ cursor: pointer;
129
+ }
130
+
131
+ .video-js.skin_vlone .vjs-time-control {
132
+ line-height: 3.5em !important;
133
+ font-size: 1.1em !important;
134
+ width: min-content !important;
135
+ min-width: 1.5em;
136
+ padding: 0 !important;
137
+ user-select: none;
138
+ }
139
+
140
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
141
+ margin-left: 16px !important;
142
+ }
143
+
144
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
145
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
146
+ font-size: 1.2em !important;
147
+ line-height: 1.5em !important;
148
+ padding: 0.2em 0.8em !important;
149
+ }
150
+
151
+
152
+ /* Big play */
153
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
154
+ width: 80px;
155
+ height: 80px;
156
+ display: flex;
157
+ justify-content: center;
158
+ align-items: center;
159
+ border: none;
160
+ position: absolute;
161
+ top: 0;
162
+ left: 0;
163
+ right: 0;
164
+ bottom: 0;
165
+ margin: auto;
166
+ font-size: 5em;
167
+ line-height: 1.3em;
168
+ transform: none !important;
169
+ border-radius: 1.3em;
170
+ }
171
+ .video-js.skin_vlone .ssai-ad-container{
172
+ position: absolute;
173
+ bottom: 4px;
174
+ }
175
+
176
+ @media(max-width:600px){
177
+ .video-js.skin_vlone button.vjs-big-play-button {
178
+ width: 50px !important;
179
+ height: 50px !important;
180
+ font-size: 2.1rem !important;
181
+ }
182
+
183
+ .video-js.skin_vlone .ssai-ad-container {
184
+ position: absolute;
185
+ bottom: 2px;
186
+ }
187
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
188
+ display: none;
189
+ }
190
+
191
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
192
+ /* display: none; */
193
+ }
194
+
195
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
196
+ /* display: none; */
197
+ }
198
+ }
199
+
200
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
5
201
  font-size: 2.2em;
6
202
  line-height: 2.6;
7
203
  }
8
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
9
- background: white;
204
+ .video-js.skin_mini{
205
+ overflow: hidden;
10
206
  }
11
- .video-js.skin_news .vjs-control-bar{
207
+ .video-js.skin_mini .vjs-control-bar{
12
208
  z-index: 1 !important;
13
- height: 5em !important;
209
+ height: 4em !important;
14
210
  background: black !important;
15
211
  }
16
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
17
- display: flex;
18
- align-items: center;
19
- justify-content: center;
20
- }
21
212
 
22
- .video-js.skin_news .vjs-fade>* {
213
+ .video-js.skin_mini .vjs-fade>* {
23
214
  visibility: hidden !important;
24
215
  opacity: 0 !important;
25
216
  transition: visibility 1s, opacity 1s !important;
26
217
  }
27
218
 
28
- .video-js.skin_news .custom-spaced-progress-bar {
219
+ .video-js.skin_mini .custom-spaced-progress-bar {
29
220
  position: absolute;
30
221
  width: 100%;
31
222
  display: flex;
@@ -33,7 +224,7 @@
33
224
  top: -0.5em;
34
225
  }
35
226
 
36
- .video-js.skin_news .vjs-progress-control {
227
+ .video-js.skin_mini .vjs-progress-control {
37
228
  /* left: -6px; */
38
229
  position: relative;
39
230
  width: 100%;
@@ -44,19 +235,19 @@
44
235
 
45
236
 
46
237
 
47
- .video-js.skin_news .vjs-custom-control-spacer {
238
+ .video-js.skin_mini .vjs-custom-control-spacer {
48
239
  display: block;
49
240
  flex: 1 1 auto;
50
241
  }
51
242
 
52
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
243
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
53
244
  margin: 0 0px 0 0px;
54
245
  }
55
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
246
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
56
247
  display: none;
57
248
  }
58
249
 
59
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
250
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
60
251
  font-size: 14px;
61
252
  font-weight: 500;
62
253
  align-self: center;
@@ -65,143 +256,158 @@
65
256
  border-radius: 8px;
66
257
  }
67
258
 
68
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
69
- height: 6px !important;
259
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
260
+ height: 5px !important;
70
261
  }
71
262
 
72
- .video-js.skin_news .vjs-play-progress:before {
73
- font-size: 1.5em;
263
+ .video-js.skin_mini .vjs-play-progress:before {
264
+ font-size: 1.3em;
74
265
  line-height: unset;
75
266
  top: -0.3333333333em;
76
267
  }
77
268
 
78
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
269
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
79
270
  display: none !important;
80
271
  }
81
272
 
82
273
  /* */
83
- .video-js.skin_news .vjs-mouse-display{
274
+ .video-js.skin_mini .vjs-mouse-display{
84
275
  font-size: 1.6666666667em;
85
276
  }
86
277
 
87
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
278
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
88
279
  font-size: 1em !important;
89
280
  }
90
281
 
91
- .video-js.skin_news .vjs-button{
92
- width: 5.3em;
282
+ .video-js.skin_mini .vjs-button{
283
+ width: 3em;
93
284
  display: flex;
94
285
  align-items: center;
95
286
  justify-content: center;
96
287
  }
97
288
 
98
289
 
99
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
290
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
100
291
  .icon-maximize {
101
292
  display: block;
102
293
  height: 32px;
103
294
  }
104
295
 
105
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
296
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
106
297
  line-height: 4;
107
298
  }
108
299
 
109
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
300
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
110
301
  .icon-minimize {
111
302
  display: none;
112
303
  height: 32px;
113
304
  }
114
305
 
115
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
306
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
116
307
  outline: none !important;
117
308
  }
118
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
309
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
119
310
  .vjs-icon-fullscreen-enter:before {
120
311
  /* content: '' !important; */
121
312
  }
122
313
 
123
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
314
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
124
315
  display: flex;
125
316
  justify-content: center;
126
317
  align-items: center;
127
318
  /* transform: rotate(90deg); */
128
319
  }
129
320
 
130
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
321
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
131
322
  display: none;
132
323
  }
133
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
324
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
134
325
  margin-left: -10px;
326
+ display: none;
135
327
  }
136
328
 
137
- .video-js.skin_news .skipbtn:hover{
329
+ .video-js.skin_mini .vjs-loading-spinner {
330
+ position: absolute;
331
+ top: 50%;
332
+ left: 50%;
333
+ transform: translate(-50%, -50%);
334
+ opacity: .85;
335
+ text-align: left;
336
+ border: .2em solid rgba(43, 51, 63, .7);
337
+ box-sizing: border-box;
338
+ background-clip: padding-box;
339
+ width: 3em;
340
+ height: 3em;
341
+ border-radius: 50%;
342
+ visibility: hidden;
343
+ }
344
+
345
+ .video-js.skin_mini .skipbtn:hover{
138
346
  cursor: pointer;
139
347
  }
140
348
 
141
- .video-js.skin_news .rewindbtn:hover{
349
+ .video-js.skin_mini .rewindbtn:hover{
142
350
  cursor: pointer;
143
351
  }
144
352
 
145
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
353
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
146
354
  position: relative;
147
355
  padding-left: 0;
148
356
  }
149
357
 
150
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
151
- display: none !important;
152
- }
153
-
154
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
155
- width: 90px;
156
- height: 90px;
157
- display: flex;
158
- justify-content: center;
159
- align-items: center;
160
- border-radius: 50%;
161
- position: absolute;
162
- top: 0;
163
- left: 0;
164
- right: 0;
165
- bottom: 0;
166
- margin: auto;
167
- font-size: 6em;
168
- line-height: 1.4em;
169
- border: 0.05em solid;
170
- color: inherit;
358
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
359
+ width: 40px;
360
+ height: 40px;
361
+ display: flex;
362
+ justify-content: center;
363
+ align-items: center;
364
+ border: none;
365
+ position: absolute;
366
+ top: 0;
367
+ left: 0;
368
+ right: 0;
369
+ bottom: 0;
370
+ margin: auto;
371
+ font-size: 3em;
372
+ line-height: 1.3em;
373
+ transform: none !important;
374
+ border-radius: 1.3em;
171
375
  }
172
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
376
+
377
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
173
378
  font-weight: bold;
174
379
  }
175
380
 
176
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
177
- bottom: 2.4em !important;
178
- right: -1em;
381
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
382
+ bottom: 1.1em !important;
383
+ right: 1em;
179
384
  z-index: 1;
385
+ font-size: 10px;
180
386
  }
181
387
 
182
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
388
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
183
389
  width: 24px !important;
184
390
  height: 24px !important;
185
391
  }
186
- .settings-selector-icon>svg{
392
+ .video-js.skin_mini .settings-selector-icon>svg{
187
393
  height: 19px !important;
188
394
  width: 19px !important;
189
395
  }
190
396
 
191
397
 
192
- .video-js.skin_news button.vjs-rewind-button{
398
+ .video-js.skin_mini button.vjs-rewind-button{
193
399
  cursor: pointer;
194
400
  }
195
401
 
196
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
402
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
197
403
  padding-right: 0;
198
404
  }
199
405
 
200
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
406
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
201
407
  padding-left: 0;
202
408
  }
203
409
 
204
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
410
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
205
411
  padding-left: 0;
206
412
  padding-right: 0;
207
413
  display: flex;
@@ -209,46 +415,48 @@
209
415
  width: min-content;
210
416
  }
211
417
 
212
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
418
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
213
419
  display: none
214
420
  }
215
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
421
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
216
422
  display: none
217
423
  }
218
424
 
219
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
220
- display: flex;
221
- align-items: center;
222
- font-weight: 700;
223
- font-size: 12px;
224
- min-width: 1.2em;
425
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
426
+ display: flex;
427
+ align-items: center;
428
+ font-weight: 700;
429
+ font-size: 9px;
430
+ min-width: 0.8em;
431
+ padding-left: 0;
225
432
  }
226
433
 
227
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
434
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
228
435
  display: none;
229
436
  font-size: 11px;
230
437
  justify-content: center;
231
438
  align-items: center;
232
439
  user-select: none;
233
440
  }
234
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
441
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
235
442
  display: none;
236
443
  }
237
444
 
238
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
445
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
239
446
  height: min-content;
240
447
  width: min-content;
241
448
  }
242
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
243
- width: 6em;
449
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
450
+ width: 3em;
451
+ margin-right: 4px;
244
452
  }
245
453
 
246
- .video-js.skin_news .content{
454
+ .video-js.skin_mini .content{
247
455
  bottom: 3.4rem !important;
248
456
  right: -4rem !important;
249
457
  }
250
458
 
251
- .setting-icon > svg{
459
+ .video-js.skin_mini .setting-icon > svg{
252
460
  height:18px !important;
253
461
  }
254
462
 
@@ -262,15 +470,16 @@
262
470
  pointer-events:none
263
471
  }
264
472
 
265
- .video-js.skin_news iframe{
473
+ .video-js.skin_mini iframe{
266
474
  width: 100%;
267
475
  height: 100%;
268
476
  }
269
477
 
270
- .video-js.skin_news .vjs-live-control{
478
+ .video-js.skin_mini .vjs-live-control{
271
479
  align-items: center;
480
+ max-width: 5em;
272
481
  }
273
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
482
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
274
483
  height: 2.2em;
275
484
  display: flex;
276
485
  align-items: center;
@@ -278,282 +487,212 @@
278
487
  width: 4em;
279
488
  justify-content: center;
280
489
  background: red;
281
- margin: 4px 0px 4px 12px;
490
+ margin: 4px 0px 4px 2px;
282
491
  }
283
492
 
284
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
493
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
285
494
  text-shadow: none;
286
495
  }
287
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
496
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
288
497
  display: none;
289
498
  font-size: 12px;
290
499
  }
291
500
 
292
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
293
- height: 2.2em;
501
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
502
+ height: 1.8em;
294
503
  display: inline-flex;
295
504
  align-items: center;
296
- /* font-family: monospace; */
505
+ font-family: monospace;
297
506
  justify-content: center;
298
- border: 2px solid;
299
- margin: 4px 0px 4px 6px;
507
+ border: 1.5px solid;
508
+ margin: 4px 0px 4px 2px;
300
509
  white-space: pre;
301
- padding: 0px 6px;
510
+ padding: 2px 4px;
302
511
  font-size: 1.2em;
303
512
  font-weight: 500;
304
513
  color: rgba(255, 255, 2555, 0.7);
305
-
306
- letter-spacing: -.1px;
307
- line-height: normal;
308
- text-transform: uppercase;
309
- color: #FFFFFF;
310
- opacity: .7;
311
- font-family: "Proxima Nova";
312
- }
313
-
314
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
315
- opacity: 1;
316
514
  }
317
515
 
318
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
516
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
319
517
  content: "NOT LIVE";
320
- }
321
-
322
- .settings-selection.vjs-control.vjs-button{
323
- display: flex !important;
324
- }
325
-
326
- @media(max-width:576px){
327
- .settings-selection.vjs-control.vjs-button{
328
- display: none !important;
329
- }
518
+ word-spacing: -4px;
330
519
  }
331
520
 
332
521
 
333
- @media(max-width:576px){
522
+ @media(max-width:600px){
334
523
  .tvProviderImage{
335
524
  display: none
336
525
  }
337
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
526
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
338
527
  .icon-maximize {
339
528
  height: 30px !important;
340
529
  }
341
530
 
342
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
531
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
343
532
  .icon-minimize {
344
533
  height: 30px !important;
345
534
  }
346
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
347
- width: 4.5em;
535
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
536
+ width: 3.5em;
348
537
  }
349
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
538
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
350
539
  height: min-content;
351
540
  }
352
541
 
353
- .video-js.skin_news button.vjs-slowmo-button{
542
+ .video-js.skin_mini button.vjs-slowmo-button{
354
543
  display: none;
355
544
  }
356
- .video-js.skin_news button.vjs-rewind-button{
545
+ .video-js.skin_mini button.vjs-rewind-button{
357
546
  display: none;
358
547
  }
359
- .video-js.skin_news button.vjs-rewind-button>svg{
548
+ .video-js.skin_mini button.vjs-rewind-button>svg{
360
549
  height: 20px;
361
550
  }
362
- .video-js.skin_news .vjs-button{
363
- width: 4.8em;
551
+ .video-js.skin_mini .vjs-button{
552
+ width: 3em;
364
553
  }
365
- .video-js.skin_news .widget-selection{
554
+ .video-js.skin_mini .widget-selection{
366
555
  display: none;
367
556
  }
368
- .video-js.skin_news .container{
557
+ .video-js.skin_mini .container{
369
558
  display: none !important;
370
559
  }
371
- .video-js.skin_news .vjs-control-bar{
560
+ .video-js.skin_mini .vjs-control-bar{
372
561
  height: 4em !important;
373
562
  }
374
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
563
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
375
564
  font-size: 2.5em;
376
565
  line-height: 1.5;
377
566
  }
378
- .video-js.skin_news .vjs-play-progress:before {
567
+ .video-js.skin_mini .vjs-play-progress:before {
379
568
  font-size: 1.2em;
380
569
  position: absolute;
381
570
  right: -0.5em;
382
571
  z-index: 1;
383
572
  }
384
- .video-js.skin_news button.vjs-skip-button>svg{
573
+ .video-js.skin_mini button.vjs-skip-button>svg{
385
574
  height: 20px;
386
575
  }
387
- .video-js.skin_news button.vjs-big-play-button {
388
- width: 50px !important;
389
- height: 50px !important;
390
- font-size: 2.1rem !important;
391
- }
392
576
 
393
577
  .stream-selector-icon>svg{
394
578
  width: 24px;
395
579
  height: 24px;
396
580
  }
397
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
398
- margin: 0 12px 0 12px;
399
- }
400
- .video-js.skin_news .vjs-seek-to-live-text{
581
+ .video-js.skin_mini .vjs-seek-to-live-text{
401
582
  font-size: 12px;
402
583
  }
403
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
404
- margin: 0 12px 0 12px;
584
+
585
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
586
+ color: white !important;
587
+ font-size: 16px !important;
588
+ background-color: rgba(0,0,0,0.2) !important;
589
+ }
405
590
  }
591
+
592
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
593
+ color: white !important;
594
+ font-size: 16px !important;
595
+ background-color: rgba(0,0,0,0.2) !important;
406
596
  }
407
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
408
- width: 90px;
409
- height: 90px;
410
- display: flex;
411
- justify-content: center;
412
- align-items: center;
413
- border-radius: 50%;
414
- position: absolute;
415
- top: 0;
416
- left: 0;
417
- right: 0;
418
- bottom: 0;
419
- margin: auto;
420
- font-size: 6em;
421
- line-height: 1.4em;
597
+
598
+ .video-js.skin_mini .vjs-text-track-display-ttml p {
599
+ font-size: 18px !important;
422
600
  }
423
601
 
424
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
602
+ .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
603
+ margin-bottom: 1rem !important;
604
+ }
605
+
606
+
607
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
425
608
  display: flex;
426
609
  justify-content: center;
427
610
  align-items: center;
428
611
  height: 100%;
429
612
  transition: width 0.1s;
430
613
  }
614
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
615
+ margin: 2px;
616
+ }
431
617
 
432
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
618
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
433
619
  display: flex;
434
620
  justify-content: center;
435
621
  align-items: center;
436
622
  height: 100%;
437
623
  transition: width 0.1s;
438
624
  }
439
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
440
- display: none !important;
441
- }
442
- .video-js.skin_news .ssai-ad-container{
443
- position: absolute;
444
- bottom: 14px;
625
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
626
+ display: grid;
627
+ font-size: 10px;
628
+ grid-template-columns: 1fr;
629
+ grid-template-rows: 1fr;
630
+ padding: 1px 0px 0 0px;
631
+ margin: 0;
445
632
  }
446
633
 
447
- @media (max-width: 576px) {
448
- .video-js.skin_news .ssai-ad-container{
449
- bottom: 2px;
450
- }
451
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
634
+ @media (max-width: 600px) {
635
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
452
636
  height: 5px !important;
453
637
  }
454
- .video-js.skin_news button.vjs-big-play-button {
455
- width: 50px !important;
456
- height: 50px !important;
457
- font-size: 2.1rem !important;
458
- }
459
638
 
460
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
639
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
461
640
  display: none;
462
- }
463
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
464
- bottom: 2.4em !important;
465
- right: -1em;
466
- z-index: 1;
467
- }
468
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
469
- display: none !important;
470
- }
471
-
472
- .video-js.skin_news .vjs-text-track-display-ttml span {
473
- color: white;
474
- font-size: 13px;
475
- background-color: black;
476
- }
477
- }
478
-
479
- .video-js.skin_news .vjs-text-track-display-ttml span {
480
- color: white;
481
- font-size: 16px;
482
- background-color: black;
483
- }
484
-
485
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
486
- margin-bottom: 2rem !important;
487
- }
488
-
489
- .video-js.skin_news .vjs-text-track-display-ttml p {
490
- font-size: 18px !important;
491
- }
492
-
641
+ }
493
642
 
494
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
495
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
496
- font-size: 1.2em !important;
497
- line-height: 1.5em !important;
498
- padding: 0.2em 0.8em !important;
499
643
  }
500
644
 
501
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
645
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
502
646
  content: none !important;
503
647
  fill: none !important;
504
648
  filter: none !important;
505
649
  }
506
650
 
507
651
  /* svg icons opacity and hover effect */
508
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
652
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
509
653
  opacity: 0.7 !important;
510
654
  }
511
655
 
512
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
513
- opacity: 1 !important;
514
- }
515
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
516
- opacity: 0.7 !important;
517
- }
518
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
656
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
519
657
  opacity: 1 !important;
520
658
  }
521
659
 
522
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
660
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
523
661
  color: rgba(255, 255, 2555, 0.7)!important;
524
662
  }
525
663
 
526
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
664
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
527
665
  color: rgba(255, 255, 2555, 1)!important;
528
666
  }
529
667
 
530
668
 
531
669
 
532
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
670
+
671
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
533
672
  font-size: 2.2em;
534
673
  line-height: 2.6;
535
674
  }
536
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
537
- background: #fcb700;
675
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
676
+ background: white;
538
677
  }
539
- .video-js.skin_news_live .vjs-control-bar{
678
+ .video-js.skin_news .vjs-control-bar{
540
679
  z-index: 1 !important;
541
680
  height: 5em !important;
542
681
  background: black !important;
543
682
  }
544
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
683
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
545
684
  display: flex;
546
685
  align-items: center;
547
686
  justify-content: center;
548
687
  }
549
688
 
550
- .video-js.skin_news_live .vjs-fade>* {
689
+ .video-js.skin_news .vjs-fade>* {
551
690
  visibility: hidden !important;
552
691
  opacity: 0 !important;
553
692
  transition: visibility 1s, opacity 1s !important;
554
693
  }
555
694
 
556
- .video-js.skin_news_live .custom-spaced-progress-bar {
695
+ .video-js.skin_news .custom-spaced-progress-bar {
557
696
  position: absolute;
558
697
  width: 100%;
559
698
  display: flex;
@@ -561,7 +700,7 @@
561
700
  top: -0.5em;
562
701
  }
563
702
 
564
- .video-js.skin_news_live .vjs-progress-control {
703
+ .video-js.skin_news .vjs-progress-control {
565
704
  /* left: -6px; */
566
705
  position: relative;
567
706
  width: 100%;
@@ -569,25 +708,22 @@
569
708
  transition: height 0.1s, top 0.1s;
570
709
  }
571
710
 
572
- .video-js.skin_news_live .vjs-volume-panel{
573
- min-width: 5.3em;
574
- }
575
711
 
576
712
 
577
713
 
578
- .video-js.skin_news_live .vjs-custom-control-spacer {
579
- /* display: block; */
580
- /* flex: 1 1 auto; */
714
+ .video-js.skin_news .vjs-custom-control-spacer {
715
+ display: block;
716
+ flex: 1 1 auto;
581
717
  }
582
718
 
583
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
719
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
584
720
  margin: 0 0px 0 0px;
585
721
  }
586
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
722
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
587
723
  display: none;
588
724
  }
589
725
 
590
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
726
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
591
727
  font-size: 14px;
592
728
  font-weight: 500;
593
729
  align-self: center;
@@ -596,30 +732,30 @@
596
732
  border-radius: 8px;
597
733
  }
598
734
 
599
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
735
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
600
736
  height: 6px !important;
601
737
  }
602
738
 
603
- .video-js.skin_news_live .vjs-play-progress:before {
739
+ .video-js.skin_news .vjs-play-progress:before {
604
740
  font-size: 1.5em;
605
741
  line-height: unset;
606
742
  top: -0.3333333333em;
607
743
  }
608
744
 
609
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
745
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
610
746
  display: none !important;
611
747
  }
612
748
 
613
749
  /* */
614
- .video-js.skin_news_live .vjs-mouse-display{
750
+ .video-js.skin_news .vjs-mouse-display{
615
751
  font-size: 1.6666666667em;
616
752
  }
617
753
 
618
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
754
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
619
755
  font-size: 1em !important;
620
756
  }
621
757
 
622
- .video-js.skin_news_live .vjs-button{
758
+ .video-js.skin_news .vjs-button{
623
759
  width: 5.3em;
624
760
  display: flex;
625
761
  align-items: center;
@@ -627,71 +763,63 @@
627
763
  }
628
764
 
629
765
 
630
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
766
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
631
767
  .icon-maximize {
632
768
  display: block;
633
769
  height: 32px;
634
770
  }
635
771
 
636
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
772
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
637
773
  line-height: 4;
638
774
  }
639
775
 
640
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
776
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
641
777
  .icon-minimize {
642
778
  display: none;
643
779
  height: 32px;
644
780
  }
645
781
 
646
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
782
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
647
783
  outline: none !important;
648
- /* flex: 1; */
649
- }
650
- .video-js.skin_news_live .vjs-play-toggle-container{
651
- display: flex;
652
- flex: 1;
653
- justify-content: center;
654
784
  }
655
-
656
-
657
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
785
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
658
786
  .vjs-icon-fullscreen-enter:before {
659
787
  /* content: '' !important; */
660
788
  }
661
789
 
662
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
790
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
663
791
  display: flex;
664
792
  justify-content: center;
665
793
  align-items: center;
666
794
  /* transform: rotate(90deg); */
667
795
  }
668
796
 
669
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
797
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
670
798
  display: none;
671
799
  }
672
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
800
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
673
801
  margin-left: -10px;
674
802
  }
675
803
 
676
- .video-js.skin_news_live .skipbtn:hover{
804
+ .video-js.skin_news .skipbtn:hover{
677
805
  cursor: pointer;
678
806
  }
679
807
 
680
- .video-js.skin_news_live .rewindbtn:hover{
808
+ .video-js.skin_news .rewindbtn:hover{
681
809
  cursor: pointer;
682
810
  }
683
811
 
684
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
812
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
685
813
  position: relative;
686
814
  padding-left: 0;
687
815
  }
688
816
 
689
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
817
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
690
818
  display: none !important;
691
819
  }
692
820
 
693
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
694
- /* width: 90px;
821
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
822
+ width: 90px;
695
823
  height: 90px;
696
824
  display: flex;
697
825
  justify-content: center;
@@ -706,20 +834,19 @@
706
834
  font-size: 6em;
707
835
  line-height: 1.4em;
708
836
  border: 0.05em solid;
709
- color: inherit; */
710
- display: none !important;
837
+ color: inherit;
711
838
  }
712
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
839
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
713
840
  font-weight: bold;
714
841
  }
715
842
 
716
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
843
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
717
844
  bottom: 2.4em !important;
718
845
  right: -1em;
719
846
  z-index: 1;
720
847
  }
721
848
 
722
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
849
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
723
850
  width: 24px !important;
724
851
  height: 24px !important;
725
852
  }
@@ -729,34 +856,34 @@
729
856
  }
730
857
 
731
858
 
732
- .video-js.skin_news_live button.vjs-rewind-button{
859
+ .video-js.skin_news button.vjs-rewind-button{
733
860
  cursor: pointer;
734
861
  }
735
862
 
736
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
863
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
737
864
  padding-right: 0;
738
- display: none;
739
865
  }
740
866
 
741
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
867
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
742
868
  padding-left: 0;
743
- display: none;
744
869
  }
745
870
 
746
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
871
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
747
872
  padding-left: 0;
748
873
  padding-right: 0;
749
- display: none;
874
+ display: flex;
875
+ justify-content: center;
876
+ width: min-content;
750
877
  }
751
878
 
752
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
879
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
753
880
  display: none
754
881
  }
755
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
882
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
756
883
  display: none
757
884
  }
758
885
 
759
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
886
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
760
887
  display: flex;
761
888
  align-items: center;
762
889
  font-weight: 700;
@@ -764,26 +891,26 @@
764
891
  min-width: 1.2em;
765
892
  }
766
893
 
767
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
894
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
768
895
  display: none;
769
896
  font-size: 11px;
770
897
  justify-content: center;
771
898
  align-items: center;
772
899
  user-select: none;
773
900
  }
774
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
901
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
775
902
  display: none;
776
903
  }
777
904
 
778
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
905
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
779
906
  height: min-content;
780
907
  width: min-content;
781
908
  }
782
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
909
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
783
910
  width: 6em;
784
911
  }
785
912
 
786
- .video-js.skin_news_live .content{
913
+ .video-js.skin_news .content{
787
914
  bottom: 3.4rem !important;
788
915
  right: -4rem !important;
789
916
  }
@@ -802,16 +929,15 @@
802
929
  pointer-events:none
803
930
  }
804
931
 
805
- .video-js.skin_news_live iframe{
932
+ .video-js.skin_news iframe{
806
933
  width: 100%;
807
934
  height: 100%;
808
935
  }
809
936
 
810
- .video-js.skin_news_live .vjs-live-control{
937
+ .video-js.skin_news .vjs-live-control{
811
938
  align-items: center;
812
- display: none;
813
939
  }
814
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
940
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
815
941
  height: 2.2em;
816
942
  display: flex;
817
943
  align-items: center;
@@ -822,22 +948,43 @@
822
948
  margin: 4px 0px 4px 12px;
823
949
  }
824
950
 
825
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
951
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
826
952
  text-shadow: none;
827
953
  }
954
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
955
+ display: none;
956
+ font-size: 12px;
957
+ }
828
958
 
829
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
830
- display: flex;
959
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
960
+ height: 2.2em;
961
+ display: inline-flex;
962
+ align-items: center;
963
+ /* font-family: monospace; */
831
964
  justify-content: center;
832
- min-width: 5.3em;
833
- pointer-events: none;
834
- user-select: none;
965
+ border: 2px solid;
966
+ margin: 4px 0px 4px 6px;
967
+ white-space: pre;
968
+ padding: 0px 6px;
969
+ font-size: 1.2em;
970
+ font-weight: 500;
971
+ color: rgba(255, 255, 2555, 0.7);
972
+
973
+ letter-spacing: -.1px;
974
+ line-height: normal;
975
+ text-transform: uppercase;
976
+ color: #FFFFFF;
977
+ opacity: .7;
978
+ font-family: "Proxima Nova";
835
979
  }
836
980
 
837
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
838
- color: white;
981
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
982
+ opacity: 1;
839
983
  }
840
984
 
985
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
986
+ content: "NOT LIVE";
987
+ }
841
988
 
842
989
  .settings-selection.vjs-control.vjs-button{
843
990
  display: flex !important;
@@ -854,57 +1001,57 @@
854
1001
  .tvProviderImage{
855
1002
  display: none
856
1003
  }
857
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1004
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
858
1005
  .icon-maximize {
859
1006
  height: 30px !important;
860
1007
  }
861
1008
 
862
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1009
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
863
1010
  .icon-minimize {
864
1011
  height: 30px !important;
865
1012
  }
866
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1013
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
867
1014
  width: 4.5em;
868
1015
  }
869
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1016
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
870
1017
  height: min-content;
871
1018
  }
872
1019
 
873
- .video-js.skin_news_live button.vjs-slowmo-button{
1020
+ .video-js.skin_news button.vjs-slowmo-button{
874
1021
  display: none;
875
1022
  }
876
- .video-js.skin_news_live button.vjs-rewind-button{
1023
+ .video-js.skin_news button.vjs-rewind-button{
877
1024
  display: none;
878
1025
  }
879
- .video-js.skin_news_live button.vjs-rewind-button>svg{
1026
+ .video-js.skin_news button.vjs-rewind-button>svg{
880
1027
  height: 20px;
881
1028
  }
882
- .video-js.skin_news_live .vjs-button{
1029
+ .video-js.skin_news .vjs-button{
883
1030
  width: 4.8em;
884
1031
  }
885
- .video-js.skin_news_live .widget-selection{
1032
+ .video-js.skin_news .widget-selection{
886
1033
  display: none;
887
1034
  }
888
- .video-js.skin_news_live .container{
1035
+ .video-js.skin_news .container{
889
1036
  display: none !important;
890
1037
  }
891
- .video-js.skin_news_live .vjs-control-bar{
1038
+ .video-js.skin_news .vjs-control-bar{
892
1039
  height: 4em !important;
893
1040
  }
894
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1041
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
895
1042
  font-size: 2.5em;
896
1043
  line-height: 1.5;
897
1044
  }
898
- .video-js.skin_news_live .vjs-play-progress:before {
1045
+ .video-js.skin_news .vjs-play-progress:before {
899
1046
  font-size: 1.2em;
900
1047
  position: absolute;
901
1048
  right: -0.5em;
902
1049
  z-index: 1;
903
1050
  }
904
- .video-js.skin_news_live button.vjs-skip-button>svg{
1051
+ .video-js.skin_news button.vjs-skip-button>svg{
905
1052
  height: 20px;
906
1053
  }
907
- .video-js.skin_news_live button.vjs-big-play-button {
1054
+ .video-js.skin_news button.vjs-big-play-button {
908
1055
  width: 50px !important;
909
1056
  height: 50px !important;
910
1057
  font-size: 2.1rem !important;
@@ -914,17 +1061,17 @@
914
1061
  width: 24px;
915
1062
  height: 24px;
916
1063
  }
917
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1064
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
918
1065
  margin: 0 12px 0 12px;
919
1066
  }
920
- .video-js.skin_news_live .vjs-seek-to-live-text{
1067
+ .video-js.skin_news .vjs-seek-to-live-text{
921
1068
  font-size: 12px;
922
1069
  }
923
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1070
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
924
1071
  margin: 0 12px 0 12px;
925
1072
  }
926
1073
  }
927
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1074
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
928
1075
  width: 90px;
929
1076
  height: 90px;
930
1077
  display: flex;
@@ -941,7 +1088,7 @@
941
1088
  line-height: 1.4em;
942
1089
  }
943
1090
 
944
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1091
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
945
1092
  display: flex;
946
1093
  justify-content: center;
947
1094
  align-items: center;
@@ -949,22 +1096,29 @@
949
1096
  transition: width 0.1s;
950
1097
  }
951
1098
 
952
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1099
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
953
1100
  display: flex;
954
1101
  justify-content: center;
955
1102
  align-items: center;
956
1103
  height: 100%;
957
1104
  transition: width 0.1s;
958
1105
  }
959
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1106
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
960
1107
  display: none !important;
961
1108
  }
1109
+ .video-js.skin_news .ssai-ad-container{
1110
+ position: absolute;
1111
+ bottom: 14px;
1112
+ }
962
1113
 
963
1114
  @media (max-width: 576px) {
964
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1115
+ .video-js.skin_news .ssai-ad-container{
1116
+ bottom: 2px;
1117
+ }
1118
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
965
1119
  height: 5px !important;
966
1120
  }
967
- .video-js.skin_news_live button.vjs-big-play-button {
1121
+ .video-js.skin_news button.vjs-big-play-button {
968
1122
  width: 50px !important;
969
1123
  height: 50px !important;
970
1124
  font-size: 2.1rem !important;
@@ -973,65 +1127,77 @@
973
1127
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
974
1128
  display: none;
975
1129
  }
976
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1130
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
977
1131
  bottom: 2.4em !important;
978
1132
  right: -1em;
979
1133
  z-index: 1;
980
1134
  }
981
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1135
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
982
1136
  display: none !important;
983
1137
  }
984
1138
 
985
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
986
- color: white !important;
987
- font-size: 13px !important;
988
- background-color: black !important;
989
- }
990
- }
991
-
992
- .video-js.skin_news_live .vjs-text-track-display-ttml {
993
- width: 100% !important;
1139
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1140
+ color: white;
1141
+ font-size: 13px;
1142
+ background-color: black;
1143
+ }
994
1144
  }
995
1145
 
996
- .video-js.skin_news_live .vjs-text-track-display-ttml span {
997
- color: white !important;
998
- font-size: 16px !important;
999
- background-color: black !important;
1146
+ .video-js.skin_news .vjs-text-track-display-ttml span {
1147
+ color: white;
1148
+ font-size: 16px;
1149
+ background-color: black;
1000
1150
  }
1001
1151
 
1002
- .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1152
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1003
1153
  margin-bottom: 2rem !important;
1004
1154
  }
1005
1155
 
1006
- .video-js.skin_news_live .vjs-text-track-display-ttml p {
1156
+ .video-js.skin_news .vjs-text-track-display-ttml p {
1007
1157
  font-size: 18px !important;
1008
1158
  }
1009
1159
 
1010
1160
 
1011
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1012
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1161
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1162
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1013
1163
  font-size: 1.2em !important;
1014
1164
  line-height: 1.5em !important;
1015
1165
  padding: 0.2em 0.8em !important;
1016
1166
  }
1017
1167
 
1018
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1168
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1019
1169
  content: none !important;
1020
1170
  fill: none !important;
1021
1171
  filter: none !important;
1022
1172
  }
1023
1173
 
1024
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1174
+ /* svg icons opacity and hover effect */
1175
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1176
+ opacity: 0.7 !important;
1177
+ }
1178
+
1179
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1180
+ opacity: 1 !important;
1181
+ }
1182
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1183
+ opacity: 0.7 !important;
1184
+ }
1185
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1186
+ opacity: 1 !important;
1187
+ }
1188
+
1189
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1025
1190
  color: rgba(255, 255, 2555, 0.7)!important;
1026
1191
  }
1027
1192
 
1028
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1193
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1029
1194
  color: rgba(255, 255, 2555, 1)!important;
1030
1195
  }
1031
1196
 
1032
1197
 
1033
1198
 
1034
1199
 
1200
+
1035
1201
  .video-js.skin_cn_news .vjs-control-bar {
1036
1202
  z-index: 1 !important;
1037
1203
  height: auto !important;
@@ -1330,256 +1496,65 @@
1330
1496
  width: max-content;
1331
1497
  max-width: 300px;
1332
1498
  text-align: left;
1333
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1334
- }
1335
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1336
- color: #ffffff;
1337
- font-size: 13px;
1338
- font-weight: 400;
1339
- margin-bottom: 2px;
1340
- }
1341
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1342
- color: #ffffff;
1343
- font-size: 13px;
1344
- font-weight: 400;
1345
- line-height: 1.3;
1346
- white-space: normal;
1347
- text-align: left;
1348
- }
1349
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1350
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1351
- }
1352
-
1353
- /* ---- responsive ---- */
1354
- @media (max-width: 576px) {
1355
- .video-js.skin_cn_news .vjs-control-bar {
1356
- height: 3.2em !important;
1357
- padding: 0 8px;
1358
- }
1359
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1360
- padding: 0 6px;
1361
- }
1362
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1363
- display: none !important;
1364
- }
1365
- }
1366
-
1367
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1368
- height: 0.7em;
1369
- position: absolute;
1370
- top: -0.7em;
1371
- width: 100%;
1372
- }
1373
-
1374
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1375
- height: 100%;
1376
- }
1377
-
1378
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1379
- line-height: 2.5;
1380
- }
1381
-
1382
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1383
- height: 19px;
1384
- width: 19px;
1385
- cursor: pointer;
1386
- }
1387
- .video-js.skin_vlone .vjs-control {
1388
- user-select: none;
1389
- }
1390
- .video-js.skin_vlone .vjs-custom-control-spacer{
1391
- user-select: none;
1392
- }
1393
-
1394
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1395
- height: 19px;
1396
- width: 19px;
1397
- cursor: pointer;
1398
- }
1399
-
1400
- .video-js.skin_vlone .vjs-play-progress:before {
1401
- display: none !important;
1402
- }
1403
-
1404
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1405
- margin: 0 !important;
1406
-
1407
- }
1408
-
1409
-
1410
- .video-js.skin_vlone .vjs-custom-control-spacer {
1411
- display: block;
1412
- flex: 1 1 auto;
1413
- }
1414
-
1415
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1416
- z-index: 1;
1417
- }
1418
-
1419
-
1420
- .video-js.skin_vlone .vjs-control-bar {
1421
- height: 40px;
1422
- }
1423
-
1424
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1425
- .vjs-button>.vjs-icon-placeholder:before {
1426
- position: relative !important;
1427
- }
1428
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1429
- display: flex;
1430
- left: 0px;
1431
- top: -1px;
1432
- }
1433
-
1434
- .vjs-button>.vjs-icon-placeholder:before {
1435
- font-size: 2em !important;
1436
- }
1437
-
1438
- .video-js.skin_vlone .vjs-control {
1439
- width: 4.3em;
1440
- }
1441
-
1442
- .vjs-menu-button-popup .vjs-menu {
1443
- bottom: 10px !important;
1444
- }
1445
-
1446
-
1447
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1448
- height: 1.3em;
1449
- position: absolute;
1450
- top: -1.3em;
1451
- transition: height 0.3s, top 0.3s;
1452
- }
1453
-
1454
-
1455
- .video-js.skin_vlone.vjs-live .vjs-time-control{
1456
- display: none !important;
1457
- }
1458
-
1459
- .video-js.skin_vlone .vjs-time-control {
1460
- display: block;
1461
- }
1462
- .video-js.skin_vlone .vjs-remaining-time {
1463
- display: none;
1464
- }
1465
-
1466
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1467
- line-height: 3.5em;
1468
- font-size: 1.1em;
1469
- min-width: 4em;
1470
- }
1471
-
1472
- .video-js.skin_vlone .vjs-time-divider > div{
1473
- display: flex;
1474
- justify-content: center;
1475
- }
1476
-
1477
- .video-js.skin_vlone .vjs-live-control{
1478
- align-items: center;
1479
- }
1480
- .video-js.skin_vlone .vjs-live-display{
1481
- height: 2.2em;
1482
- display: flex;
1483
- align-items: center;
1484
- font-family: monospace;
1485
- width: 4em;
1486
- justify-content: center;
1487
- background: red;
1488
- margin: 4px 0px 4px 12px;
1489
- }
1490
- .video-js.skin_vlone .vjs-live-display:hover{
1491
- cursor: pointer;
1492
- }
1493
-
1494
- .video-js.skin_vlone .vjs-time-control {
1495
- line-height: 3.5em !important;
1496
- font-size: 1.1em !important;
1497
- width: min-content !important;
1498
- min-width: 1.5em;
1499
- padding: 0 !important;
1500
- user-select: none;
1501
- }
1502
-
1503
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1504
- margin-left: 16px !important;
1505
- }
1506
-
1507
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1508
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1509
- font-size: 1.2em !important;
1510
- line-height: 1.5em !important;
1511
- padding: 0.2em 0.8em !important;
1512
- }
1513
-
1514
-
1515
- /* Big play */
1516
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1517
- width: 80px;
1518
- height: 80px;
1519
- display: flex;
1520
- justify-content: center;
1521
- align-items: center;
1522
- border: none;
1523
- position: absolute;
1524
- top: 0;
1525
- left: 0;
1526
- right: 0;
1527
- bottom: 0;
1528
- margin: auto;
1529
- font-size: 5em;
1530
- line-height: 1.3em;
1531
- transform: none !important;
1532
- border-radius: 1.3em;
1533
- }
1534
- .video-js.skin_vlone .ssai-ad-container{
1535
- position: absolute;
1536
- bottom: 4px;
1537
- }
1538
-
1539
- @media(max-width:600px){
1540
- .video-js.skin_vlone button.vjs-big-play-button {
1541
- width: 50px !important;
1542
- height: 50px !important;
1543
- font-size: 2.1rem !important;
1544
- }
1545
-
1546
- .video-js.skin_vlone .ssai-ad-container {
1547
- position: absolute;
1548
- bottom: 2px;
1499
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1549
1500
  }
1550
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
1551
- display: none;
1501
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1502
+ color: #ffffff;
1503
+ font-size: 13px;
1504
+ font-weight: 400;
1505
+ margin-bottom: 2px;
1552
1506
  }
1553
-
1554
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
1555
- /* display: none; */
1507
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1508
+ color: #ffffff;
1509
+ font-size: 13px;
1510
+ font-weight: 400;
1511
+ line-height: 1.3;
1512
+ white-space: normal;
1513
+ text-align: left;
1556
1514
  }
1557
-
1558
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
1559
- /* display: none; */
1515
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1516
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1560
1517
  }
1518
+
1519
+ /* ---- responsive ---- */
1520
+ @media (max-width: 576px) {
1521
+ .video-js.skin_cn_news .vjs-control-bar {
1522
+ height: 3.2em !important;
1523
+ padding: 0 8px;
1524
+ }
1525
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1526
+ padding: 0 6px;
1527
+ }
1528
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1529
+ display: none !important;
1530
+ }
1561
1531
  }
1562
-
1563
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1532
+
1533
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1564
1534
  font-size: 2.2em;
1565
1535
  line-height: 2.6;
1566
1536
  }
1567
- .video-js.skin_mini{
1568
- overflow: hidden;
1537
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1538
+ background: #fcb700;
1569
1539
  }
1570
- .video-js.skin_mini .vjs-control-bar{
1540
+ .video-js.skin_news_live .vjs-control-bar{
1571
1541
  z-index: 1 !important;
1572
- height: 4em !important;
1542
+ height: 5em !important;
1573
1543
  background: black !important;
1574
1544
  }
1545
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1546
+ display: flex;
1547
+ align-items: center;
1548
+ justify-content: center;
1549
+ }
1575
1550
 
1576
- .video-js.skin_mini .vjs-fade>* {
1551
+ .video-js.skin_news_live .vjs-fade>* {
1577
1552
  visibility: hidden !important;
1578
1553
  opacity: 0 !important;
1579
1554
  transition: visibility 1s, opacity 1s !important;
1580
1555
  }
1581
1556
 
1582
- .video-js.skin_mini .custom-spaced-progress-bar {
1557
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1583
1558
  position: absolute;
1584
1559
  width: 100%;
1585
1560
  display: flex;
@@ -1587,7 +1562,7 @@
1587
1562
  top: -0.5em;
1588
1563
  }
1589
1564
 
1590
- .video-js.skin_mini .vjs-progress-control {
1565
+ .video-js.skin_news_live .vjs-progress-control {
1591
1566
  /* left: -6px; */
1592
1567
  position: relative;
1593
1568
  width: 100%;
@@ -1595,22 +1570,25 @@
1595
1570
  transition: height 0.1s, top 0.1s;
1596
1571
  }
1597
1572
 
1573
+ .video-js.skin_news_live .vjs-volume-panel{
1574
+ min-width: 5.3em;
1575
+ }
1598
1576
 
1599
1577
 
1600
1578
 
1601
- .video-js.skin_mini .vjs-custom-control-spacer {
1602
- display: block;
1603
- flex: 1 1 auto;
1579
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1580
+ /* display: block; */
1581
+ /* flex: 1 1 auto; */
1604
1582
  }
1605
1583
 
1606
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1584
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1607
1585
  margin: 0 0px 0 0px;
1608
1586
  }
1609
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1587
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1610
1588
  display: none;
1611
1589
  }
1612
1590
 
1613
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1591
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1614
1592
  font-size: 14px;
1615
1593
  font-weight: 500;
1616
1594
  align-self: center;
@@ -1619,207 +1597,199 @@
1619
1597
  border-radius: 8px;
1620
1598
  }
1621
1599
 
1622
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1623
- height: 5px !important;
1600
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1601
+ height: 6px !important;
1624
1602
  }
1625
1603
 
1626
- .video-js.skin_mini .vjs-play-progress:before {
1627
- font-size: 1.3em;
1604
+ .video-js.skin_news_live .vjs-play-progress:before {
1605
+ font-size: 1.5em;
1628
1606
  line-height: unset;
1629
1607
  top: -0.3333333333em;
1630
1608
  }
1631
1609
 
1632
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1610
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1633
1611
  display: none !important;
1634
1612
  }
1635
1613
 
1636
1614
  /* */
1637
- .video-js.skin_mini .vjs-mouse-display{
1615
+ .video-js.skin_news_live .vjs-mouse-display{
1638
1616
  font-size: 1.6666666667em;
1639
1617
  }
1640
1618
 
1641
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1619
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1642
1620
  font-size: 1em !important;
1643
1621
  }
1644
1622
 
1645
- .video-js.skin_mini .vjs-button{
1646
- width: 3em;
1623
+ .video-js.skin_news_live .vjs-button{
1624
+ width: 5.3em;
1647
1625
  display: flex;
1648
1626
  align-items: center;
1649
1627
  justify-content: center;
1650
1628
  }
1651
1629
 
1652
1630
 
1653
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1631
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1654
1632
  .icon-maximize {
1655
1633
  display: block;
1656
1634
  height: 32px;
1657
1635
  }
1658
1636
 
1659
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1637
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1660
1638
  line-height: 4;
1661
1639
  }
1662
1640
 
1663
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1641
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1664
1642
  .icon-minimize {
1665
1643
  display: none;
1666
1644
  height: 32px;
1667
1645
  }
1668
1646
 
1669
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1647
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1670
1648
  outline: none !important;
1649
+ /* flex: 1; */
1671
1650
  }
1672
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1651
+ .video-js.skin_news_live .vjs-play-toggle-container{
1652
+ display: flex;
1653
+ flex: 1;
1654
+ justify-content: center;
1655
+ }
1656
+
1657
+
1658
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1673
1659
  .vjs-icon-fullscreen-enter:before {
1674
1660
  /* content: '' !important; */
1675
1661
  }
1676
1662
 
1677
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1663
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1678
1664
  display: flex;
1679
1665
  justify-content: center;
1680
1666
  align-items: center;
1681
1667
  /* transform: rotate(90deg); */
1682
1668
  }
1683
1669
 
1684
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1670
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1685
1671
  display: none;
1686
1672
  }
1687
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1673
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1688
1674
  margin-left: -10px;
1689
- display: none;
1690
- }
1691
-
1692
- .video-js.skin_mini .vjs-loading-spinner {
1693
- position: absolute;
1694
- top: 50%;
1695
- left: 50%;
1696
- transform: translate(-50%, -50%);
1697
- opacity: .85;
1698
- text-align: left;
1699
- border: .2em solid rgba(43, 51, 63, .7);
1700
- box-sizing: border-box;
1701
- background-clip: padding-box;
1702
- width: 3em;
1703
- height: 3em;
1704
- border-radius: 50%;
1705
- visibility: hidden;
1706
1675
  }
1707
1676
 
1708
- .video-js.skin_mini .skipbtn:hover{
1677
+ .video-js.skin_news_live .skipbtn:hover{
1709
1678
  cursor: pointer;
1710
1679
  }
1711
1680
 
1712
- .video-js.skin_mini .rewindbtn:hover{
1681
+ .video-js.skin_news_live .rewindbtn:hover{
1713
1682
  cursor: pointer;
1714
1683
  }
1715
1684
 
1716
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1685
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1717
1686
  position: relative;
1718
1687
  padding-left: 0;
1719
1688
  }
1720
1689
 
1721
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1722
- width: 40px;
1723
- height: 40px;
1724
- display: flex;
1725
- justify-content: center;
1726
- align-items: center;
1727
- border: none;
1728
- position: absolute;
1729
- top: 0;
1730
- left: 0;
1731
- right: 0;
1732
- bottom: 0;
1733
- margin: auto;
1734
- font-size: 3em;
1735
- line-height: 1.3em;
1736
- transform: none !important;
1737
- border-radius: 1.3em;
1690
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1691
+ display: none !important;
1738
1692
  }
1739
1693
 
1740
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1694
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1695
+ /* width: 90px;
1696
+ height: 90px;
1697
+ display: flex;
1698
+ justify-content: center;
1699
+ align-items: center;
1700
+ border-radius: 50%;
1701
+ position: absolute;
1702
+ top: 0;
1703
+ left: 0;
1704
+ right: 0;
1705
+ bottom: 0;
1706
+ margin: auto;
1707
+ font-size: 6em;
1708
+ line-height: 1.4em;
1709
+ border: 0.05em solid;
1710
+ color: inherit; */
1711
+ display: none !important;
1712
+ }
1713
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1741
1714
  font-weight: bold;
1742
1715
  }
1743
1716
 
1744
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1745
- bottom: 1.1em !important;
1746
- right: 1em;
1717
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1718
+ bottom: 2.4em !important;
1719
+ right: -1em;
1747
1720
  z-index: 1;
1748
- font-size: 10px;
1749
1721
  }
1750
1722
 
1751
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1723
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1752
1724
  width: 24px !important;
1753
1725
  height: 24px !important;
1754
1726
  }
1755
- .video-js.skin_mini .settings-selector-icon>svg{
1727
+ .settings-selector-icon>svg{
1756
1728
  height: 19px !important;
1757
1729
  width: 19px !important;
1758
1730
  }
1759
1731
 
1760
1732
 
1761
- .video-js.skin_mini button.vjs-rewind-button{
1733
+ .video-js.skin_news_live button.vjs-rewind-button{
1762
1734
  cursor: pointer;
1763
1735
  }
1764
1736
 
1765
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1737
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1766
1738
  padding-right: 0;
1739
+ display: none;
1767
1740
  }
1768
1741
 
1769
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1742
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1770
1743
  padding-left: 0;
1744
+ display: none;
1771
1745
  }
1772
1746
 
1773
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1747
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1774
1748
  padding-left: 0;
1775
1749
  padding-right: 0;
1776
- display: flex;
1777
- justify-content: center;
1778
- width: min-content;
1750
+ display: none;
1779
1751
  }
1780
1752
 
1781
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1753
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1782
1754
  display: none
1783
1755
  }
1784
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1756
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1785
1757
  display: none
1786
1758
  }
1787
1759
 
1788
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1789
- display: flex;
1790
- align-items: center;
1791
- font-weight: 700;
1792
- font-size: 9px;
1793
- min-width: 0.8em;
1794
- padding-left: 0;
1760
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1761
+ display: flex;
1762
+ align-items: center;
1763
+ font-weight: 700;
1764
+ font-size: 12px;
1765
+ min-width: 1.2em;
1795
1766
  }
1796
1767
 
1797
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1768
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1798
1769
  display: none;
1799
1770
  font-size: 11px;
1800
1771
  justify-content: center;
1801
1772
  align-items: center;
1802
1773
  user-select: none;
1803
1774
  }
1804
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1775
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1805
1776
  display: none;
1806
1777
  }
1807
1778
 
1808
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1779
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1809
1780
  height: min-content;
1810
1781
  width: min-content;
1811
1782
  }
1812
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1813
- width: 3em;
1814
- margin-right: 4px;
1783
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1784
+ width: 6em;
1815
1785
  }
1816
1786
 
1817
- .video-js.skin_mini .content{
1787
+ .video-js.skin_news_live .content{
1818
1788
  bottom: 3.4rem !important;
1819
1789
  right: -4rem !important;
1820
1790
  }
1821
1791
 
1822
- .video-js.skin_mini .setting-icon > svg{
1792
+ .setting-icon > svg{
1823
1793
  height:18px !important;
1824
1794
  }
1825
1795
 
@@ -1833,16 +1803,16 @@
1833
1803
  pointer-events:none
1834
1804
  }
1835
1805
 
1836
- .video-js.skin_mini iframe{
1806
+ .video-js.skin_news_live iframe{
1837
1807
  width: 100%;
1838
1808
  height: 100%;
1839
1809
  }
1840
1810
 
1841
- .video-js.skin_mini .vjs-live-control{
1811
+ .video-js.skin_news_live .vjs-live-control{
1842
1812
  align-items: center;
1843
- max-width: 5em;
1813
+ display: none;
1844
1814
  }
1845
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1815
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1846
1816
  height: 2.2em;
1847
1817
  display: flex;
1848
1818
  align-items: center;
@@ -1850,185 +1820,215 @@
1850
1820
  width: 4em;
1851
1821
  justify-content: center;
1852
1822
  background: red;
1853
- margin: 4px 0px 4px 2px;
1823
+ margin: 4px 0px 4px 12px;
1854
1824
  }
1855
1825
 
1856
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1826
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1857
1827
  text-shadow: none;
1858
1828
  }
1859
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1860
- display: none;
1861
- font-size: 12px;
1829
+
1830
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1831
+ display: flex;
1832
+ justify-content: center;
1833
+ min-width: 5.3em;
1834
+ pointer-events: none;
1835
+ user-select: none;
1836
+ }
1837
+
1838
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1839
+ color: white;
1862
1840
  }
1863
1841
 
1864
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1865
- height: 1.8em;
1866
- display: inline-flex;
1867
- align-items: center;
1868
- font-family: monospace;
1869
- justify-content: center;
1870
- border: 1.5px solid;
1871
- margin: 4px 0px 4px 2px;
1872
- white-space: pre;
1873
- padding: 2px 4px;
1874
- font-size: 1.2em;
1875
- font-weight: 500;
1876
- color: rgba(255, 255, 2555, 0.7);
1842
+
1843
+ .settings-selection.vjs-control.vjs-button{
1844
+ display: flex !important;
1877
1845
  }
1878
1846
 
1879
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1880
- content: "NOT LIVE";
1881
- word-spacing: -4px;
1847
+ @media(max-width:576px){
1848
+ .settings-selection.vjs-control.vjs-button{
1849
+ display: none !important;
1850
+ }
1882
1851
  }
1883
1852
 
1884
1853
 
1885
- @media(max-width:600px){
1854
+ @media(max-width:576px){
1886
1855
  .tvProviderImage{
1887
1856
  display: none
1888
1857
  }
1889
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1858
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1890
1859
  .icon-maximize {
1891
1860
  height: 30px !important;
1892
1861
  }
1893
1862
 
1894
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1863
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1895
1864
  .icon-minimize {
1896
1865
  height: 30px !important;
1897
1866
  }
1898
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1899
- width: 3.5em;
1867
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1868
+ width: 4.5em;
1900
1869
  }
1901
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1870
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1902
1871
  height: min-content;
1903
1872
  }
1904
1873
 
1905
- .video-js.skin_mini button.vjs-slowmo-button{
1874
+ .video-js.skin_news_live button.vjs-slowmo-button{
1906
1875
  display: none;
1907
1876
  }
1908
- .video-js.skin_mini button.vjs-rewind-button{
1877
+ .video-js.skin_news_live button.vjs-rewind-button{
1909
1878
  display: none;
1910
1879
  }
1911
- .video-js.skin_mini button.vjs-rewind-button>svg{
1880
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1912
1881
  height: 20px;
1913
1882
  }
1914
- .video-js.skin_mini .vjs-button{
1915
- width: 3em;
1883
+ .video-js.skin_news_live .vjs-button{
1884
+ width: 4.8em;
1916
1885
  }
1917
- .video-js.skin_mini .widget-selection{
1886
+ .video-js.skin_news_live .widget-selection{
1918
1887
  display: none;
1919
1888
  }
1920
- .video-js.skin_mini .container{
1889
+ .video-js.skin_news_live .container{
1921
1890
  display: none !important;
1922
1891
  }
1923
- .video-js.skin_mini .vjs-control-bar{
1892
+ .video-js.skin_news_live .vjs-control-bar{
1924
1893
  height: 4em !important;
1925
1894
  }
1926
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1895
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1927
1896
  font-size: 2.5em;
1928
1897
  line-height: 1.5;
1929
1898
  }
1930
- .video-js.skin_mini .vjs-play-progress:before {
1899
+ .video-js.skin_news_live .vjs-play-progress:before {
1931
1900
  font-size: 1.2em;
1932
1901
  position: absolute;
1933
1902
  right: -0.5em;
1934
1903
  z-index: 1;
1935
1904
  }
1936
- .video-js.skin_mini button.vjs-skip-button>svg{
1905
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1937
1906
  height: 20px;
1938
1907
  }
1908
+ .video-js.skin_news_live button.vjs-big-play-button {
1909
+ width: 50px !important;
1910
+ height: 50px !important;
1911
+ font-size: 2.1rem !important;
1912
+ }
1939
1913
 
1940
1914
  .stream-selector-icon>svg{
1941
1915
  width: 24px;
1942
1916
  height: 24px;
1943
1917
  }
1944
- .video-js.skin_mini .vjs-seek-to-live-text{
1945
- font-size: 12px;
1918
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1919
+ margin: 0 12px 0 12px;
1946
1920
  }
1947
-
1948
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1949
- color: white !important;
1950
- font-size: 16px !important;
1951
- background-color: rgba(0,0,0,0.2) !important;
1952
- }
1921
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1922
+ font-size: 12px;
1953
1923
  }
1954
-
1955
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1956
- color: white !important;
1957
- font-size: 16px !important;
1958
- background-color: rgba(0,0,0,0.2) !important;
1924
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1925
+ margin: 0 12px 0 12px;
1959
1926
  }
1960
-
1961
- .video-js.skin_mini .vjs-text-track-display-ttml p {
1962
- font-size: 18px !important;
1963
1927
  }
1964
-
1965
- .video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1966
- margin-bottom: 1rem !important;
1928
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1929
+ width: 90px;
1930
+ height: 90px;
1931
+ display: flex;
1932
+ justify-content: center;
1933
+ align-items: center;
1934
+ border-radius: 50%;
1935
+ position: absolute;
1936
+ top: 0;
1937
+ left: 0;
1938
+ right: 0;
1939
+ bottom: 0;
1940
+ margin: auto;
1941
+ font-size: 6em;
1942
+ line-height: 1.4em;
1967
1943
  }
1968
1944
 
1969
-
1970
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1945
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1971
1946
  display: flex;
1972
1947
  justify-content: center;
1973
1948
  align-items: center;
1974
1949
  height: 100%;
1975
1950
  transition: width 0.1s;
1976
1951
  }
1977
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1978
- margin: 2px;
1979
- }
1980
1952
 
1981
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1953
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1982
1954
  display: flex;
1983
1955
  justify-content: center;
1984
1956
  align-items: center;
1985
1957
  height: 100%;
1986
1958
  transition: width 0.1s;
1987
1959
  }
1988
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1989
- display: grid;
1990
- font-size: 10px;
1991
- grid-template-columns: 1fr;
1992
- grid-template-rows: 1fr;
1993
- padding: 1px 0px 0 0px;
1994
- margin: 0;
1960
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1961
+ display: none !important;
1995
1962
  }
1996
1963
 
1997
- @media (max-width: 600px) {
1998
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1964
+ @media (max-width: 576px) {
1965
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1999
1966
  height: 5px !important;
2000
1967
  }
1968
+ .video-js.skin_news_live button.vjs-big-play-button {
1969
+ width: 50px !important;
1970
+ height: 50px !important;
1971
+ font-size: 2.1rem !important;
1972
+ }
2001
1973
 
2002
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1974
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
2003
1975
  display: none;
2004
1976
  }
1977
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1978
+ bottom: 2.4em !important;
1979
+ right: -1em;
1980
+ z-index: 1;
1981
+ }
1982
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1983
+ display: none !important;
1984
+ }
2005
1985
 
1986
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1987
+ color: white !important;
1988
+ font-size: 13px !important;
1989
+ background-color: black !important;
1990
+ }
2006
1991
  }
2007
1992
 
2008
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
2009
- content: none !important;
2010
- fill: none !important;
2011
- filter: none !important;
1993
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1994
+ width: 100% !important;
2012
1995
  }
2013
1996
 
2014
- /* svg icons opacity and hover effect */
2015
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
2016
- opacity: 0.7 !important;
1997
+ .video-js.skin_news_live .vjs-text-track-display-ttml span {
1998
+ color: white !important;
1999
+ font-size: 16px !important;
2000
+ background-color: black !important;
2017
2001
  }
2018
2002
 
2019
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
2020
- opacity: 1 !important;
2003
+ .video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
2004
+ margin-bottom: 2rem !important;
2021
2005
  }
2022
2006
 
2023
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2024
- color: rgba(255, 255, 2555, 0.7)!important;
2007
+ .video-js.skin_news_live .vjs-text-track-display-ttml p {
2008
+ font-size: 18px !important;
2025
2009
  }
2026
2010
 
2027
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2028
- color: rgba(255, 255, 2555, 1)!important;
2011
+
2012
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
2013
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
2014
+ font-size: 1.2em !important;
2015
+ line-height: 1.5em !important;
2016
+ padding: 0.2em 0.8em !important;
2017
+ }
2018
+
2019
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
2020
+ content: none !important;
2021
+ fill: none !important;
2022
+ filter: none !important;
2029
2023
  }
2030
2024
 
2025
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
2026
+ color: rgba(255, 255, 2555, 0.7)!important;
2027
+ }
2031
2028
 
2029
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
2030
+ color: rgba(255, 255, 2555, 1)!important;
2031
+ }
2032
2032
 
2033
2033
 
2034
2034
 
@@ -2212,6 +2212,7 @@
2212
2212
 
2213
2213
 
2214
2214
 
2215
+
2215
2216
  .video-js .multicamera-parent.default{
2216
2217
  height: 345px;
2217
2218
  position: absolute;
@@ -2294,7 +2295,6 @@
2294
2295
 
2295
2296
 
2296
2297
 
2297
-
2298
2298
  .vjs-custom-big-mute.vjs-control{
2299
2299
  position: absolute;
2300
2300
  align-items: center;
@@ -2631,38 +2631,6 @@
2631
2631
  z-index: 30 !important;
2632
2632
  }
2633
2633
 
2634
- /* a wrapper element that tracks the mouse vertically */
2635
- .vjs-thumbnail-holder {
2636
- position: absolute;
2637
- left: -1000px;
2638
- }
2639
-
2640
- /* the thumbnail image itself */
2641
- .vjs-thumbnail {
2642
- position: absolute;
2643
- left: 0;
2644
- bottom: 1.3em;
2645
- opacity: 0;
2646
- transition: opacity .2s ease;
2647
- -webkit-transition: opacity .2s ease;
2648
- -moz-transition: opacity .2s ease;
2649
- -mz-transition: opacity .2s ease;
2650
- }
2651
-
2652
- /* fade in the thumbnail when hovering over the progress bar */
2653
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2654
- .vjs-progress-control:hover .vjs-thumbnail,
2655
- .vjs-progress-control.fake-active .vjs-thumbnail,
2656
- .vjs-progress-control:active .vjs-thumbnail {
2657
- opacity: 1;
2658
- }
2659
-
2660
- /* ... but hide the thumbnail when hovering directly over it */
2661
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2662
- .vjs-progress-control:active .vjs-thumbnail:active {
2663
- opacity: 0;
2664
- }
2665
-
2666
2634
  .video-js.vjs-quality-menu {
2667
2635
  display: block;
2668
2636
  }
@@ -2733,6 +2701,38 @@
2733
2701
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2734
2702
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
2735
2703
  }
2704
+ /* a wrapper element that tracks the mouse vertically */
2705
+ .vjs-thumbnail-holder {
2706
+ position: absolute;
2707
+ left: -1000px;
2708
+ }
2709
+
2710
+ /* the thumbnail image itself */
2711
+ .vjs-thumbnail {
2712
+ position: absolute;
2713
+ left: 0;
2714
+ bottom: 1.3em;
2715
+ opacity: 0;
2716
+ transition: opacity .2s ease;
2717
+ -webkit-transition: opacity .2s ease;
2718
+ -moz-transition: opacity .2s ease;
2719
+ -mz-transition: opacity .2s ease;
2720
+ }
2721
+
2722
+ /* fade in the thumbnail when hovering over the progress bar */
2723
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2724
+ .vjs-progress-control:hover .vjs-thumbnail,
2725
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2726
+ .vjs-progress-control:active .vjs-thumbnail {
2727
+ opacity: 1;
2728
+ }
2729
+
2730
+ /* ... but hide the thumbnail when hovering directly over it */
2731
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2732
+ .vjs-progress-control:active .vjs-thumbnail:active {
2733
+ opacity: 0;
2734
+ }
2735
+
2736
2736
  .vjs-poster {
2737
2737
  display: inline-block;
2738
2738
  vertical-align: middle;