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