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