@viewlift/player-backup 2.0.307-backup → 2.0.309-backup

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