@viewlift/player-backup 2.0.377-backup → 2.0.378-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 (74) hide show
  1. package/cjs/{autoNextVideo-970d7952.js → autoNextVideo-68672b76.js} +1 -1
  2. package/cjs/bundle.css +914 -914
  3. package/cjs/caption-settings-af7b30a4.js +1 -0
  4. package/cjs/captions-8b889384.js +1 -0
  5. package/cjs/{features-911c3816.js → features-38873abb.js} +1 -1
  6. package/cjs/{generic-118f7ebd.js → generic-ca2a22d8.js} +1 -1
  7. package/cjs/{index-6133b444.js → index-3a351e42.js} +1 -1
  8. package/cjs/{index-50f15aa6.js → index-5562e80d.js} +1 -1
  9. package/cjs/{index-aa64a6c0.js → index-9e05e266.js} +1 -1
  10. package/cjs/index.js +1 -1
  11. package/cjs/{multicamv2-f17375d7.js → multicamv2-39cc5698.js} +1 -1
  12. package/cjs/{multicamv2-e88d0dc2.js → multicamv2-c33fd165.js} +1 -1
  13. package/cjs/{nextEpisodeButton-551faeb3.js → nextEpisodeButton-4cd04954.js} +1 -1
  14. package/cjs/{playlist-f0a6659a.js → playlist-5b387ba5.js} +1 -1
  15. package/cjs/resolution-ac7705e6.js +1 -0
  16. package/cjs/{series-47045f7e.js → series-554e1f6f.js} +1 -1
  17. package/cjs/{series-v2-cf79269e.js → series-v2-759d1b9f.js} +1 -1
  18. package/cjs/{series-v2-5ce609b4.js → series-v2-f513d96e.js} +1 -1
  19. package/cjs/{settings-icon-b4612153.js → settings-icon-8d593433.js} +1 -1
  20. package/cjs/{skin-ebab1e3f.js → skin-0b2c868e.js} +1 -1
  21. package/cjs/{skin-237f8d4f.js → skin-49921eed.js} +1 -1
  22. package/cjs/{skin-3a43f138.js → skin-528d0747.js} +1 -1
  23. package/cjs/{skin-dc3525c7.js → skin-80ad30a9.js} +1 -1
  24. package/cjs/{skin-c49d50b6.js → skin-9734a061.js} +1 -1
  25. package/cjs/{skin-dbff0922.js → skin-9ef12f43.js} +1 -1
  26. package/cjs/skin-b4c02ae6.js +1 -0
  27. package/cjs/{skin-a9a5a925.js → skin-c1111e65.js} +1 -1
  28. package/cjs/{skin-f7c4ead4.js → skin-cfe26f4b.js} +1 -1
  29. package/cjs/{skin-425c1322.js → skin-ea9d4fd0.js} +1 -1
  30. package/cjs/{videoSelector-f4eb61cd.js → videoSelector-05f988b1.js} +1 -1
  31. package/cjs/{videoSelector-607de014.js → videoSelector-1df54701.js} +1 -1
  32. package/esm/{autoNextVideo-c9d22cb4.js → autoNextVideo-a694d718.js} +1 -1
  33. package/esm/bundle.css +914 -914
  34. package/esm/caption-settings-cf49bb1b.js +1 -0
  35. package/esm/captions-f011a7d4.js +1 -0
  36. package/esm/{features-8b0d92d7.js → features-a7e5e171.js} +1 -1
  37. package/esm/{generic-6871d7d1.js → generic-65cb8119.js} +1 -1
  38. package/esm/{index-9f2bf24a.js → index-7067e5db.js} +1 -1
  39. package/esm/{index-3addf20e.js → index-cbaac7c7.js} +1 -1
  40. package/esm/{index-cef05213.js → index-f61ce130.js} +1 -1
  41. package/esm/index.js +1 -1
  42. package/esm/{multicamv2-1bd7f8c5.js → multicamv2-97a3b0f4.js} +1 -1
  43. package/esm/{multicamv2-1e925995.js → multicamv2-ccbd1435.js} +1 -1
  44. package/esm/{nextEpisodeButton-f1a025e4.js → nextEpisodeButton-cf9328cc.js} +1 -1
  45. package/esm/{playlist-2012e5ef.js → playlist-3d669989.js} +1 -1
  46. package/esm/resolution-d9d21f0e.js +1 -0
  47. package/esm/{series-8f854466.js → series-704b41dd.js} +1 -1
  48. package/esm/{series-v2-4ada8ab6.js → series-v2-843283cb.js} +1 -1
  49. package/esm/{series-v2-f28041a6.js → series-v2-e1ae0c27.js} +1 -1
  50. package/esm/{settings-icon-c188c46d.js → settings-icon-c31267aa.js} +1 -1
  51. package/esm/{skin-66b334cd.js → skin-034c0111.js} +1 -1
  52. package/esm/skin-12fdaa37.js +1 -0
  53. package/esm/{skin-85e8dcbb.js → skin-15bea000.js} +1 -1
  54. package/esm/{skin-30a90635.js → skin-16cb5cfb.js} +1 -1
  55. package/esm/{skin-30a7f835.js → skin-16d24d3a.js} +1 -1
  56. package/esm/{skin-d6417c01.js → skin-29dfa892.js} +1 -1
  57. package/esm/{skin-74348872.js → skin-4390b877.js} +1 -1
  58. package/esm/{skin-f0b7e11c.js → skin-800b5977.js} +1 -1
  59. package/esm/{skin-7bdb21cf.js → skin-cd51486c.js} +1 -1
  60. package/esm/{skin-c16b40b9.js → skin-d5474de8.js} +1 -1
  61. package/esm/src/core/captions.d.ts +10 -0
  62. package/esm/src/core/captions.test.d.ts +1 -0
  63. package/esm/src/utilities/qualityLabels.d.ts +1 -0
  64. package/esm/{videoSelector-48a4e382.js → videoSelector-91f8908b.js} +1 -1
  65. package/esm/{videoSelector-435aa016.js → videoSelector-c185464d.js} +1 -1
  66. package/package.json +1 -1
  67. package/cjs/caption-settings-e803e4a6.js +0 -1
  68. package/cjs/captions-abd87121.js +0 -1
  69. package/cjs/resolution-7b5483dd.js +0 -1
  70. package/cjs/skin-b11e1757.js +0 -1
  71. package/esm/caption-settings-404c4774.js +0 -1
  72. package/esm/captions-8c8e9f2b.js +0 -1
  73. package/esm/resolution-847a299c.js +0 -1
  74. package/esm/skin-be4ea9e2.js +0 -1
package/esm/bundle.css CHANGED
@@ -1,1080 +1,1127 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
- height: 0.7em !important;
6
- position: absolute !important;
7
- top: -0.7em !important;
8
- width: 100% !important;
9
- }
10
4
 
11
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
12
- height: 100%;
13
- }
14
5
 
15
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
16
- line-height: 2.5;
6
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
7
+ font-size: 2.2em;
8
+ line-height: 2.6;
17
9
  }
18
-
19
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
20
- height: 19px;
21
- width: 19px;
22
- cursor: pointer;
10
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
11
+ background: white;
23
12
  }
24
- .video-js.skin_vlone .vjs-control {
25
- user-select: none;
13
+ .video-js.skin_news .vjs-control-bar{
14
+ z-index: 1 !important;
15
+ height: 5em !important;
16
+ background: black !important;
26
17
  }
27
- .video-js.skin_vlone .vjs-custom-control-spacer{
28
- user-select: none;
18
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: center;
29
22
  }
30
23
 
31
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
32
- height: 19px;
33
- width: 19px;
34
- cursor: pointer;
24
+ .video-js.skin_news .vjs-fade>* {
25
+ visibility: hidden !important;
26
+ opacity: 0 !important;
27
+ transition: visibility 1s, opacity 1s !important;
35
28
  }
36
29
 
37
- .video-js.skin_vlone .vjs-play-progress:before {
38
- display: none !important;
30
+ .video-js.skin_news .custom-spaced-progress-bar {
31
+ position: absolute;
32
+ width: 100%;
33
+ display: flex;
34
+ height: 0.5em;
35
+ top: -0.5em;
39
36
  }
40
37
 
41
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
42
- margin: 0 !important;
43
-
38
+ .video-js.skin_news .vjs-progress-control {
39
+ /* left: -6px; */
40
+ position: relative;
41
+ width: 100%;
42
+ height: 0.5em;
43
+ transition: height 0.1s, top 0.1s;
44
44
  }
45
45
 
46
46
 
47
- .video-js.skin_vlone .vjs-custom-control-spacer {
48
- display: block;
49
- flex: 1 1 auto;
50
- }
51
-
52
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
53
- z-index: 1;
54
- }
55
47
 
56
48
 
57
- .video-js.skin_vlone .vjs-control-bar {
58
- height: 40px;
49
+ .video-js.skin_news .vjs-custom-control-spacer {
50
+ display: block;
51
+ flex: 1 1 auto;
59
52
  }
60
53
 
61
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
62
- .vjs-button>.vjs-icon-placeholder:before {
63
- position: relative !important;
54
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
55
+ margin: 0 0px 0 0px;
64
56
  }
65
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
66
- display: flex;
67
- left: 0px;
68
- top: -1px;
57
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
58
+ display: none;
69
59
  }
70
60
 
71
- .vjs-button>.vjs-icon-placeholder:before {
72
- font-size: 2em !important;
61
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
62
+ font-size: 14px;
63
+ font-weight: 500;
64
+ align-self: center;
65
+ height: min-content;
66
+ padding: 5px 2px;
67
+ border-radius: 8px;
73
68
  }
74
69
 
75
- .video-js.skin_vlone .vjs-control {
76
- width: 4.3em;
70
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
71
+ height: 6px !important;
77
72
  }
78
73
 
79
- .vjs-menu-button-popup .vjs-menu {
80
- bottom: 10px !important;
74
+ .video-js.skin_news .vjs-play-progress:before {
75
+ font-size: 1.5em;
76
+ line-height: unset;
77
+ top: -0.3333333333em;
81
78
  }
82
79
 
83
- .video-js .vjs-subs-caps-button .vjs-menu li,
84
- .video-js .vjs-subtitles-button .vjs-menu li,
85
- .video-js .vjs-captions-button .vjs-menu li {
86
- text-transform: none;
80
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
81
+ display: none !important;
87
82
  }
88
83
 
89
-
90
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
91
- height: 1.3em !important;
92
- position: absolute !important;
93
- top: -1.3em !important;
94
- transition: height 0.3s, top 0.3s !important;
84
+ /* */
85
+ .video-js.skin_news .vjs-mouse-display{
86
+ font-size: 1.6666666667em;
95
87
  }
96
88
 
89
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
90
+ font-size: 1em !important;
91
+ }
97
92
 
98
- .video-js.skin_vlone.vjs-live .vjs-time-control{
99
- display: none !important;
93
+ .video-js.skin_news .vjs-button{
94
+ width: 5.3em;
95
+ display: flex;
96
+ align-items: center;
97
+ justify-content: center;
100
98
  }
101
99
 
102
- .video-js.skin_vlone .vjs-time-control {
100
+
101
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
102
+ .icon-maximize {
103
103
  display: block;
104
- }
105
- .video-js.skin_vlone .vjs-remaining-time {
106
- display: none;
104
+ height: 32px;
107
105
  }
108
106
 
109
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
110
- line-height: 3.5em;
111
- font-size: 1.1em;
112
- min-width: 4em;
107
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
108
+ line-height: 4;
113
109
  }
114
110
 
115
- .video-js.skin_vlone .vjs-time-divider > div{
116
- display: flex;
117
- justify-content: center;
111
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
112
+ .icon-minimize {
113
+ display: none;
114
+ height: 32px;
118
115
  }
119
116
 
120
- .video-js.skin_vlone .vjs-live-control{
121
- align-items: center;
117
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
118
+ outline: none !important;
122
119
  }
123
- .video-js.skin_vlone .vjs-live-display{
124
- height: 2.2em;
125
- display: flex;
126
- align-items: center;
127
- font-family: monospace;
128
- width: 4em;
129
- justify-content: center;
130
- background: red;
131
- margin: 4px 0px 4px 12px;
120
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
121
+ .vjs-icon-fullscreen-enter:before {
122
+ /* content: '' !important; */
132
123
  }
133
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
134
- background: #6b6b6b;
124
+
125
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
126
+ display: flex;
127
+ justify-content: center;
128
+ align-items: center;
129
+ /* transform: rotate(90deg); */
135
130
  }
136
- .video-js.skin_vlone .vjs-live-display:hover{
137
- cursor: pointer;
131
+
132
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
133
+ display: none;
134
+ }
135
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
136
+ margin-left: -10px;
138
137
  }
139
138
 
140
- .video-js.skin_vlone .vjs-time-control {
141
- line-height: 3.5em !important;
142
- font-size: 1.1em !important;
143
- width: min-content !important;
144
- min-width: 1.5em;
145
- padding: 0 !important;
146
- user-select: none;
139
+ .video-js.skin_news .skipbtn:hover{
140
+ cursor: pointer;
147
141
  }
148
142
 
149
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
150
- margin-left: 16px !important;
143
+ .video-js.skin_news .rewindbtn:hover{
144
+ cursor: pointer;
151
145
  }
152
146
 
153
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
154
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
155
- font-size: 1.2em !important;
156
- line-height: 1.5em !important;
157
- padding: 0.2em 0.8em !important;
147
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
148
+ position: relative;
149
+ padding-left: 0;
158
150
  }
159
151
 
152
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
153
+ display: none !important;
154
+ }
160
155
 
161
- /* Big play */
162
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
163
- width: 80px;
164
- height: 80px;
156
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
157
+ width: 90px;
158
+ height: 90px;
165
159
  display: flex;
166
160
  justify-content: center;
167
161
  align-items: center;
168
- border: none;
162
+ border-radius: 50%;
169
163
  position: absolute;
170
164
  top: 0;
171
165
  left: 0;
172
166
  right: 0;
173
167
  bottom: 0;
174
168
  margin: auto;
175
- font-size: 5em;
176
- line-height: 1.3em;
177
- transform: none !important;
178
- border-radius: 1.3em;
169
+ font-size: 6em;
170
+ line-height: 1.4em;
171
+ border: 0.05em solid;
172
+ color: inherit;
179
173
  }
180
- .video-js.skin_vlone .ssai-ad-container{
181
- position: absolute;
182
- bottom: 4px;
174
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
175
+ font-weight: bold;
183
176
  }
184
-
185
- @media(max-width:600px){
186
- .video-js.skin_vlone button.vjs-big-play-button {
187
- width: 50px !important;
188
- height: 50px !important;
189
- font-size: 2.1rem !important;
190
- }
191
177
 
192
- .video-js.skin_vlone .ssai-ad-container {
193
- position: absolute;
194
- bottom: 2px;
195
- }
196
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
197
- display: none;
178
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
179
+ bottom: 2.4em !important;
180
+ right: -1em;
181
+ z-index: 1;
198
182
  }
199
183
 
200
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
201
- /* display: none; */
184
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
185
+ width: 24px !important;
186
+ height: 24px !important;
187
+ }
188
+ .settings-selector-icon>svg{
189
+ height: 19px !important;
190
+ width: 19px !important;
202
191
  }
203
192
 
204
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
205
- /* display: none; */
206
- }
207
- }
208
- .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
209
- text-decoration: underline;
193
+
194
+ .video-js.skin_news button.vjs-rewind-button{
195
+ cursor: pointer;
210
196
  }
211
197
 
212
-
213
-
214
- .video-js.skin_cn_news .vjs-control-bar {
215
- z-index: 1 !important;
216
- height: auto !important;
217
- padding: 0.8em 30px 0.6em;
218
- background: transparent !important;
219
- display: flex;
220
- flex-wrap: wrap;
221
- align-items: center;
222
- column-gap: 10px;
198
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
199
+ padding-right: 0;
223
200
  }
224
201
 
225
-
226
- .video-js.skin_cn_news .vjs-control-bar::before {
227
- content: '';
228
- position: absolute;
229
- left: 0;
230
- right: 0;
231
- bottom: 0;
232
- top: -3em;
233
- background: linear-gradient(
234
- to top,
235
- rgba(0, 0, 0, 0.85) 0%,
236
- rgba(0, 0, 0, 0.7) 40%,
237
- rgba(0, 0, 0, 0.55) 70%,
238
- rgba(0, 0, 0, 0.38) 86%,
239
- transparent 100%
240
- );
241
- pointer-events: none;
242
- z-index: -1;
202
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
203
+ padding-left: 0;
243
204
  }
244
205
 
245
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
246
- order: -1;
247
- flex: 0 0 100%;
248
- width: 80%;
249
- margin: 0 0 5em;
250
- position: relative;
206
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
207
+ padding-left: 0;
208
+ padding-right: 0;
209
+ display: flex;
210
+ justify-content: center;
211
+ width: min-content;
251
212
  }
252
213
 
253
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
254
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
255
- width: auto;
256
- min-width: 0;
214
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
215
+ display: none
257
216
  }
258
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
259
- display: inline-flex;
260
- align-items: center;
261
- justify-content: center;
262
- height: 7em;
263
- padding: 0 10px;
264
- color: #fff;
217
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
218
+ display: none
265
219
  }
266
220
 
267
- .video-js.skin_cn_news .vjs-svg-icon::before {
268
- content: none !important;
221
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
222
+ display: flex;
223
+ align-items: center;
224
+ font-weight: 700;
225
+ font-size: 12px;
226
+ min-width: 1.2em;
269
227
  }
270
228
 
271
-
272
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
273
- display: inline-flex;
274
- align-items: center;
229
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
230
+ display: none;
231
+ font-size: 11px;
275
232
  justify-content: center;
233
+ align-items: center;
234
+ user-select: none;
276
235
  }
277
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
278
- .video-js.skin_cn_news .vjs-rewind-button svg {
279
- width: 24px;
280
- height: 24px;
281
- display: block;
236
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
237
+ display: none;
282
238
  }
283
239
 
240
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
241
+ height: min-content;
242
+ width: min-content;
243
+ }
244
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
245
+ width: 6em;
246
+ }
284
247
 
248
+ .video-js.skin_news .content{
249
+ bottom: 3.4rem !important;
250
+ right: -4rem !important;
251
+ }
285
252
 
286
- .video-js.skin_cn_news .vjs-subs-caps-button {
287
- opacity: 1;
253
+ .setting-icon > svg{
254
+ height:18px !important;
288
255
  }
289
256
 
257
+ .output-overlay{
258
+ position: absolute;
259
+ bottom: 0;
260
+ height: 100%;
261
+ width: 100%;
262
+ z-index: 0;
263
+ border: 0;
264
+ pointer-events:none
265
+ }
290
266
 
267
+ .video-js.skin_news iframe{
268
+ width: 100%;
269
+ height: 100%;
270
+ }
291
271
 
292
- .video-js.skin_cn_news .vjs-volume-panel {
293
- margin: 0;
294
- display: inline-flex;
272
+ .video-js.skin_news .vjs-live-control{
295
273
  align-items: center;
296
- align-self: center;
297
- height: 2.2em;
298
- min-width: 7em;
299
- transition: none;
300
274
  }
301
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
302
- width: 0;
303
- height: 100%;
275
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
276
+ height: 2.2em;
304
277
  display: flex;
305
278
  align-items: center;
306
- overflow: hidden;
307
- opacity: 0;
308
- transition: width 0.15s ease, opacity 0.15s ease;
309
- }
310
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
311
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
312
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
313
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
314
- width: 5em;
315
- opacity: 1;
316
- }
317
-
318
- .video-js.skin_cn_news .vjs-volume-bar {
279
+ font-family: monospace;
319
280
  width: 4em;
320
- height: 0.3em;
321
- margin: 0 0.45em;
281
+ justify-content: center;
282
+ background: red;
283
+ margin: 4px 0px 4px 12px;
322
284
  }
323
285
 
324
-
325
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
326
- display: none !important;
286
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
287
+ text-shadow: none;
327
288
  }
328
-
329
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
330
- width: 0 !important;
289
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
290
+ display: none;
291
+ font-size: 12px;
331
292
  }
332
293
 
294
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
295
+ height: 2.2em;
296
+ display: inline-flex;
297
+ align-items: center;
298
+ /* font-family: monospace; */
299
+ justify-content: center;
300
+ border: 2px solid;
301
+ margin: 4px 0px 4px 6px;
302
+ white-space: pre;
303
+ padding: 0px 6px;
304
+ font-size: 1.2em;
305
+ font-weight: 500;
306
+ color: rgba(255, 255, 2555, 0.7);
333
307
 
334
- .video-js.skin_cn_news .vjs-custom-control-spacer {
335
- display: block !important;
336
- flex: 1 1 auto;
308
+ letter-spacing: -.1px;
309
+ line-height: normal;
310
+ text-transform: uppercase;
311
+ color: #FFFFFF;
312
+ opacity: .7;
313
+ font-family: "Proxima Nova";
337
314
  }
338
315
 
339
-
340
- .video-js.skin_cn_news .vjs-big-play-button {
341
- display: none;
342
- }
343
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
344
- position: relative !important;
345
- display: flex;
346
- left: 0;
347
- top: -1px;
348
- }
349
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
350
- display: flex;
351
- justify-content: center;
352
- align-items: center;
353
- position: absolute;
354
- top: 0;
355
- left: 0;
356
- right: 0;
357
- bottom: 0;
358
- margin: auto;
359
- width: 80px;
360
- height: 80px;
361
- border: none;
362
- border-radius: 50%;
363
- background: rgba(0, 0, 0, 0.55);
364
- font-size: 5em;
365
- line-height: 1.3em;
366
- transform: none !important;
316
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
317
+ opacity: 1;
367
318
  }
368
319
 
369
-
370
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
371
- height: 4px !important;
372
- margin: 0;
373
- border-radius: 20px;
374
- background-color: #393944;
320
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
321
+ content: "NOT LIVE";
375
322
  }
376
323
 
377
- .video-js.skin_cn_news .vjs-play-progress {
378
- background-color: #ffffff;
379
- border-radius: 20px;
324
+ .settings-selection.vjs-control.vjs-button{
325
+ display: flex !important;
380
326
  }
381
327
 
382
- .video-js.skin_cn_news .vjs-load-progress,
383
- .video-js.skin_cn_news .vjs-load-progress div {
384
- background: rgba(255, 255, 255, 0.15);
385
- border-radius: 20px;
328
+ @media(max-width:576px){
329
+ .settings-selection.vjs-control.vjs-button{
330
+ display: none !important;
331
+ }
386
332
  }
387
333
 
388
334
 
389
- .video-js.skin_cn_news .vjs-play-progress:before {
390
- content: '';
391
- width: 16px;
392
- height: 16px;
393
- border-radius: 50%;
394
- background: #ffffff;
395
- border: 2px solid rgba(0, 0, 0, 0.6);
396
- box-sizing: border-box;
397
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
398
- top: -6px;
399
- right: -8px;
400
- position: absolute;
401
- }
402
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
403
- display: none !important;
404
- }
335
+ @media(max-width:576px){
336
+ .tvProviderImage{
337
+ display: none
338
+ }
339
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
340
+ .icon-maximize {
341
+ height: 30px !important;
342
+ }
405
343
 
406
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
407
- background: #ffffff;
408
- color: #0a0e17;
409
- font-weight: 700;
410
- border-radius: 3px;
411
- }
344
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
345
+ .icon-minimize {
346
+ height: 30px !important;
347
+ }
348
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
349
+ width: 4.5em;
350
+ }
351
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
352
+ height: min-content;
353
+ }
412
354
 
413
- .video-js.skin_cn_news .vjs-live-control {
414
- display: none !important;
355
+ .video-js.skin_news button.vjs-slowmo-button{
356
+ display: none;
357
+ }
358
+ .video-js.skin_news button.vjs-rewind-button{
359
+ display: none;
360
+ }
361
+ .video-js.skin_news button.vjs-rewind-button>svg{
362
+ height: 20px;
363
+ }
364
+ .video-js.skin_news .vjs-button{
365
+ width: 4.8em;
366
+ }
367
+ .video-js.skin_news .widget-selection{
368
+ display: none;
369
+ }
370
+ .video-js.skin_news .container{
371
+ display: none !important;
372
+ }
373
+ .video-js.skin_news .vjs-control-bar{
374
+ height: 4em !important;
375
+ }
376
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
377
+ font-size: 2.5em;
378
+ line-height: 1.5;
379
+ }
380
+ .video-js.skin_news .vjs-play-progress:before {
381
+ font-size: 1.2em;
382
+ position: absolute;
383
+ right: -0.5em;
384
+ z-index: 1;
415
385
  }
416
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
417
- display: inline-flex;
418
- align-items: center;
419
- align-self: center;
420
- height: 2.2em;
421
- gap: 5px;
422
- width: auto;
423
- padding: 0 10px;
424
- border: 1px solid rgba(255, 255, 255, 0.45);
425
- border-radius: 4px;
426
- cursor: pointer;
386
+ .video-js.skin_news button.vjs-skip-button>svg{
387
+ height: 20px;
427
388
  }
428
- .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
429
- .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
430
- display: none;
389
+ .video-js.skin_news button.vjs-big-play-button {
390
+ width: 50px !important;
391
+ height: 50px !important;
392
+ font-size: 2.1rem !important;
431
393
  }
432
394
 
433
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
434
- display: none;
435
- }
436
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
437
- display: inline-flex;
438
- align-items: center;
395
+ .stream-selector-icon>svg{
396
+ width: 24px;
397
+ height: 24px;
439
398
  }
440
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
441
- content: '';
442
- display: inline-block;
443
- width: 8px;
444
- height: 8px;
445
- border-radius: 50%;
446
- background: #ff2d2d; /* red live dot */
399
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
400
+ margin: 0 12px 0 12px;
447
401
  }
448
- .video-js.skin_cn_news .vjs-seek-to-live-text {
449
- color: #ffffff;
450
- font-weight: 700;
402
+ .video-js.skin_news .vjs-seek-to-live-text{
451
403
  font-size: 12px;
452
- letter-spacing: 0.03em;
453
404
  }
454
-
455
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
456
- border-color: transparent;
457
- }
458
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
459
- color: #ff2d2d;
405
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
406
+ margin: 0 12px 0 12px;
460
407
  }
461
-
462
- /* ---- time controls ---- */
463
- .video-js.skin_cn_news .vjs-current-time,
464
- .video-js.skin_cn_news .vjs-duration,
465
- .video-js.skin_cn_news .vjs-time-divider {
466
- display: none;
467
- align-items: center;
468
- font-size: 12px;
469
- font-weight: 700;
470
- color: #fff;
471
- user-select: none;
472
408
  }
473
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
474
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
475
- .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
409
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
410
+ width: 90px;
411
+ height: 90px;
476
412
  display: flex;
477
- }
478
- .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
479
- padding-right: 0;
480
- }
481
- .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
482
- padding-left: 0;
483
- }
484
- .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
485
- padding: 0 4px;
486
- min-width: 0;
487
- width: auto;
488
- }
489
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
490
- display: none;
491
- align-items: center;
492
413
  justify-content: center;
493
- font-size: 11px;
494
- font-weight: 700;
495
- color: #fff;
496
- padding: 0 6px;
497
- user-select: none;
498
- }
499
-
500
-
501
- .video-js.skin_cn_news .vjs-chapter-marker {
502
- z-index: 2;
503
- width: var(--vl-chapter-size, 8px);
504
- height: var(--vl-chapter-size, 8px);
505
- top: 50%;
506
- bottom: auto;
507
- background: var(--vl-chapter-color, #ffffff);
508
- opacity: var(--vl-chapter-opacity, 1);
414
+ align-items: center;
509
415
  border-radius: 50%;
510
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
511
- transform: translate(-50%, -50%) scale(1);
512
- transition: background-color 0.12s ease;
513
- }
514
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
515
- background: var(--vl-chapter-hover, #0a5cff);
516
- }
517
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
518
- background: var(--vl-chapter-active, #0a5cff);
416
+ position: absolute;
417
+ top: 0;
418
+ left: 0;
419
+ right: 0;
420
+ bottom: 0;
421
+ margin: auto;
422
+ font-size: 6em;
423
+ line-height: 1.4em;
519
424
  }
520
425
 
521
-
522
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
523
- width: 16px;
524
- height: 16px;
525
- bottom: 160%;
526
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
426
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
427
+ display: flex;
428
+ justify-content: center;
429
+ align-items: center;
430
+ height: 100%;
431
+ transition: width 0.1s;
527
432
  }
528
433
 
529
-
530
- .video-js.skin_cn_news .vjs-chapter-preview {
531
- background: var(--vl-chapter-tooltip, #0a5cff);
532
- border-radius: 6px;
533
- padding: 8px 10px;
534
- width: max-content;
535
- max-width: 300px;
536
- text-align: left;
537
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
538
- }
539
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
540
- color: #ffffff;
541
- font-size: 13px;
542
- font-weight: 400;
543
- margin-bottom: 2px;
434
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
435
+ display: flex;
436
+ justify-content: center;
437
+ align-items: center;
438
+ height: 100%;
439
+ transition: width 0.1s;
544
440
  }
545
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
546
- color: #ffffff;
547
- font-size: 13px;
548
- font-weight: 400;
549
- line-height: 1.3;
550
- white-space: normal;
551
- text-align: left;
441
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
442
+ display: none !important;
552
443
  }
553
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
554
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
444
+ .video-js.skin_news .ssai-ad-container{
445
+ position: absolute;
446
+ bottom: 14px;
555
447
  }
556
448
 
557
- /* ---- responsive ---- */
558
449
  @media (max-width: 576px) {
559
- .video-js.skin_cn_news .vjs-control-bar {
560
- height: 3.2em !important;
561
- padding: 0 8px;
450
+ .video-js.skin_news .ssai-ad-container{
451
+ bottom: 2px;
562
452
  }
563
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
564
- padding: 0 6px;
453
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
454
+ height: 5px !important;
565
455
  }
566
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
456
+ .video-js.skin_news button.vjs-big-play-button {
457
+ width: 50px !important;
458
+ height: 50px !important;
459
+ font-size: 2.1rem !important;
460
+ }
461
+
462
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
463
+ display: none;
464
+ }
465
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
466
+ bottom: 2.4em !important;
467
+ right: -1em;
468
+ z-index: 1;
469
+ }
470
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
567
471
  display: none !important;
568
472
  }
473
+
474
+ .video-js.skin_news .vjs-text-track-display-ttml span {
475
+ color: white;
476
+ font-size: 13px;
477
+ background-color: black;
478
+ }
569
479
  }
570
480
 
571
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
572
- font-size: 2.2em;
573
- line-height: 2.6;
481
+ .video-js.skin_news .vjs-text-track-display-ttml span {
482
+ color: white;
483
+ font-size: 16px;
484
+ background-color: black;
574
485
  }
575
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
576
- background: #fcb700;
486
+
487
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
488
+ margin-bottom: 2rem !important;
577
489
  }
578
- .video-js.skin_news_live .vjs-control-bar{
579
- z-index: 1 !important;
580
- height: 5em !important;
581
- background: black !important;
490
+
491
+ .video-js.skin_news .vjs-text-track-display-ttml p {
492
+ font-size: 18px !important;
582
493
  }
583
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
584
- display: flex;
585
- align-items: center;
586
- justify-content: center;
494
+
495
+
496
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
497
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
498
+ font-size: 1.2em !important;
499
+ line-height: 1.5em !important;
500
+ padding: 0.2em 0.8em !important;
587
501
  }
588
502
 
589
- .video-js.skin_news_live .vjs-fade>* {
590
- visibility: hidden !important;
591
- opacity: 0 !important;
592
- transition: visibility 1s, opacity 1s !important;
503
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
504
+ content: none !important;
505
+ fill: none !important;
506
+ filter: none !important;
507
+ }
508
+
509
+ /* svg icons opacity and hover effect */
510
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
511
+ opacity: 0.7 !important;
512
+ }
513
+
514
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
515
+ opacity: 1 !important;
516
+ }
517
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
518
+ opacity: 0.7 !important;
593
519
  }
594
-
595
- .video-js.skin_news_live .custom-spaced-progress-bar {
596
- position: absolute;
597
- width: 100%;
598
- display: flex;
599
- height: 0.5em;
600
- top: -0.5em;
520
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
521
+ opacity: 1 !important;
601
522
  }
602
523
 
603
- .video-js.skin_news_live .vjs-progress-control {
604
- /* left: -6px; */
605
- position: relative;
606
- width: 100%;
607
- height: 0.5em;
608
- transition: height 0.1s, top 0.1s;
524
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
525
+ color: rgba(255, 255, 2555, 0.7)!important;
609
526
  }
610
527
 
611
- .video-js.skin_news_live .vjs-volume-panel{
612
- min-width: 5.3em;
528
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
529
+ color: rgba(255, 255, 2555, 1)!important;
613
530
  }
614
531
 
615
532
 
616
533
 
617
- .video-js.skin_news_live .vjs-custom-control-spacer {
618
- /* display: block; */
619
- /* flex: 1 1 auto; */
620
- }
621
534
 
622
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
623
- margin: 0 0px 0 0px;
624
- }
625
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
626
- display: none;
535
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
536
+ height: 0.7em !important;
537
+ position: absolute !important;
538
+ top: -0.7em !important;
539
+ width: 100% !important;
627
540
  }
628
541
 
629
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
630
- font-size: 14px;
631
- font-weight: 500;
632
- align-self: center;
633
- height: min-content;
634
- padding: 5px 2px;
635
- border-radius: 8px;
542
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
543
+ height: 100%;
636
544
  }
637
545
 
638
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
639
- height: 6px !important;
546
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
547
+ line-height: 2.5;
640
548
  }
641
549
 
642
- .video-js.skin_news_live .vjs-play-progress:before {
643
- font-size: 1.5em;
644
- line-height: unset;
645
- top: -0.3333333333em;
550
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
551
+ height: 19px;
552
+ width: 19px;
553
+ cursor: pointer;
646
554
  }
647
-
648
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
649
- display: none !important;
555
+ .video-js.skin_vlone .vjs-control {
556
+ user-select: none;
557
+ }
558
+ .video-js.skin_vlone .vjs-custom-control-spacer{
559
+ user-select: none;
650
560
  }
651
561
 
652
- /* */
653
- .video-js.skin_news_live .vjs-mouse-display{
654
- font-size: 1.6666666667em;
562
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
563
+ height: 19px;
564
+ width: 19px;
565
+ cursor: pointer;
655
566
  }
656
567
 
657
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
658
- font-size: 1em !important;
568
+ .video-js.skin_vlone .vjs-play-progress:before {
569
+ display: none !important;
659
570
  }
660
571
 
661
- .video-js.skin_news_live .vjs-button{
662
- width: 5.3em;
663
- display: flex;
664
- align-items: center;
665
- justify-content: center;
572
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
573
+ margin: 0 !important;
574
+
666
575
  }
667
576
 
668
577
 
669
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
670
- .icon-maximize {
578
+ .video-js.skin_vlone .vjs-custom-control-spacer {
671
579
  display: block;
672
- height: 32px;
580
+ flex: 1 1 auto;
673
581
  }
674
582
 
675
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
676
- line-height: 4;
583
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
584
+ z-index: 1;
677
585
  }
678
586
 
679
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
680
- .icon-minimize {
681
- display: none;
682
- height: 32px;
587
+
588
+ .video-js.skin_vlone .vjs-control-bar {
589
+ height: 40px;
683
590
  }
684
591
 
685
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
686
- outline: none !important;
687
- /* flex: 1; */
592
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
593
+ .vjs-button>.vjs-icon-placeholder:before {
594
+ position: relative !important;
688
595
  }
689
- .video-js.skin_news_live .vjs-play-toggle-container{
690
- display: flex;
691
- flex: 1;
692
- justify-content: center;
596
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
597
+ display: flex;
598
+ left: 0px;
599
+ top: -1px;
693
600
  }
694
601
 
695
-
696
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
697
- .vjs-icon-fullscreen-enter:before {
698
- /* content: '' !important; */
602
+ .vjs-button>.vjs-icon-placeholder:before {
603
+ font-size: 2em !important;
699
604
  }
700
605
 
701
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
702
- display: flex;
703
- justify-content: center;
704
- align-items: center;
705
- /* transform: rotate(90deg); */
606
+ .video-js.skin_vlone .vjs-control {
607
+ width: 4.3em;
706
608
  }
707
609
 
708
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
709
- display: none;
610
+ .vjs-menu-button-popup .vjs-menu {
611
+ bottom: 10px !important;
710
612
  }
711
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
712
- margin-left: -10px;
613
+
614
+ .video-js .vjs-subs-caps-button .vjs-menu li,
615
+ .video-js .vjs-subtitles-button .vjs-menu li,
616
+ .video-js .vjs-captions-button .vjs-menu li {
617
+ text-transform: none;
713
618
  }
714
619
 
715
- .video-js.skin_news_live .skipbtn:hover{
716
- cursor: pointer;
620
+
621
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
622
+ height: 1.3em !important;
623
+ position: absolute !important;
624
+ top: -1.3em !important;
625
+ transition: height 0.3s, top 0.3s !important;
717
626
  }
718
627
 
719
- .video-js.skin_news_live .rewindbtn:hover{
720
- cursor: pointer;
628
+
629
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
630
+ display: none !important;
721
631
  }
722
632
 
723
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
724
- position: relative;
725
- padding-left: 0;
633
+ .video-js.skin_vlone .vjs-time-control {
634
+ display: block;
635
+ }
636
+ .video-js.skin_vlone .vjs-remaining-time {
637
+ display: none;
726
638
  }
727
639
 
728
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
729
- display: none !important;
640
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
641
+ line-height: 3.5em;
642
+ font-size: 1.1em;
643
+ min-width: 4em;
730
644
  }
731
645
 
732
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
733
- /* width: 90px;
734
- height: 90px;
646
+ .video-js.skin_vlone .vjs-time-divider > div{
735
647
  display: flex;
736
648
  justify-content: center;
737
- align-items: center;
738
- border-radius: 50%;
739
- position: absolute;
740
- top: 0;
741
- left: 0;
742
- right: 0;
743
- bottom: 0;
744
- margin: auto;
745
- font-size: 6em;
746
- line-height: 1.4em;
747
- border: 0.05em solid;
748
- color: inherit; */
749
- display: none !important;
750
- }
751
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
752
- font-weight: bold;
753
649
  }
754
650
 
755
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
756
- bottom: 2.4em !important;
757
- right: -1em;
758
- z-index: 1;
651
+ .video-js.skin_vlone .vjs-live-control{
652
+ align-items: center;
759
653
  }
760
-
761
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
762
- width: 24px !important;
763
- height: 24px !important;
654
+ .video-js.skin_vlone .vjs-live-display{
655
+ height: 2.2em;
656
+ display: flex;
657
+ align-items: center;
658
+ font-family: monospace;
659
+ width: 4em;
660
+ justify-content: center;
661
+ background: red;
662
+ margin: 4px 0px 4px 12px;
764
663
  }
765
- .settings-selector-icon>svg{
766
- height: 19px !important;
767
- width: 19px !important;
664
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
665
+ background: #6b6b6b;
666
+ }
667
+ .video-js.skin_vlone .vjs-live-display:hover{
668
+ cursor: pointer;
768
669
  }
769
670
 
770
-
771
- .video-js.skin_news_live button.vjs-rewind-button{
772
- cursor: pointer;
671
+ .video-js.skin_vlone .vjs-time-control {
672
+ line-height: 3.5em !important;
673
+ font-size: 1.1em !important;
674
+ width: min-content !important;
675
+ min-width: 1.5em;
676
+ padding: 0 !important;
677
+ user-select: none;
773
678
  }
774
679
 
775
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
776
- padding-right: 0;
777
- display: none;
680
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
681
+ margin-left: 16px !important;
778
682
  }
779
683
 
780
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
781
- padding-left: 0;
782
- display: none;
684
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
685
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
686
+ font-size: 1.2em !important;
687
+ line-height: 1.5em !important;
688
+ padding: 0.2em 0.8em !important;
783
689
  }
784
690
 
785
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
786
- padding-left: 0;
787
- padding-right: 0;
788
- display: none;
691
+
692
+ /* Big play */
693
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
694
+ width: 80px;
695
+ height: 80px;
696
+ display: flex;
697
+ justify-content: center;
698
+ align-items: center;
699
+ border: none;
700
+ position: absolute;
701
+ top: 0;
702
+ left: 0;
703
+ right: 0;
704
+ bottom: 0;
705
+ margin: auto;
706
+ font-size: 5em;
707
+ line-height: 1.3em;
708
+ transform: none !important;
709
+ border-radius: 1.3em;
710
+ }
711
+ .video-js.skin_vlone .ssai-ad-container{
712
+ position: absolute;
713
+ bottom: 4px;
789
714
  }
715
+
716
+ @media(max-width:600px){
717
+ .video-js.skin_vlone button.vjs-big-play-button {
718
+ width: 50px !important;
719
+ height: 50px !important;
720
+ font-size: 2.1rem !important;
721
+ }
790
722
 
791
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
792
- display: none
723
+ .video-js.skin_vlone .ssai-ad-container {
724
+ position: absolute;
725
+ bottom: 2px;
793
726
  }
794
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
795
- display: none
727
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
728
+ display: none;
796
729
  }
797
730
 
798
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
799
- display: flex;
800
- align-items: center;
801
- font-weight: 700;
802
- font-size: 12px;
803
- min-width: 1.2em;
731
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
732
+ /* display: none; */
804
733
  }
805
734
 
806
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
807
- display: none;
808
- font-size: 11px;
809
- justify-content: center;
810
- align-items: center;
811
- user-select: none;
812
- }
813
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
814
- display: none;
735
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
736
+ /* display: none; */
815
737
  }
816
-
817
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
818
- height: min-content;
819
- width: min-content;
820
738
  }
821
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
822
- width: 6em;
739
+ .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
740
+ text-decoration: underline;
823
741
  }
824
742
 
825
- .video-js.skin_news_live .content{
826
- bottom: 3.4rem !important;
827
- right: -4rem !important;
743
+ .video-js.skin_cn_news .vjs-control-bar {
744
+ z-index: 1 !important;
745
+ height: auto !important;
746
+ padding: 0.8em 30px 0.6em;
747
+ background: transparent !important;
748
+ display: flex;
749
+ flex-wrap: wrap;
750
+ align-items: center;
751
+ column-gap: 10px;
828
752
  }
829
753
 
830
- .setting-icon > svg{
831
- height:18px !important;
832
- }
833
754
 
834
- .output-overlay{
755
+ .video-js.skin_cn_news .vjs-control-bar::before {
756
+ content: '';
835
757
  position: absolute;
758
+ left: 0;
759
+ right: 0;
836
760
  bottom: 0;
837
- height: 100%;
838
- width: 100%;
839
- z-index: 0;
840
- border: 0;
841
- pointer-events:none
761
+ top: -3em;
762
+ background: linear-gradient(
763
+ to top,
764
+ rgba(0, 0, 0, 0.85) 0%,
765
+ rgba(0, 0, 0, 0.7) 40%,
766
+ rgba(0, 0, 0, 0.55) 70%,
767
+ rgba(0, 0, 0, 0.38) 86%,
768
+ transparent 100%
769
+ );
770
+ pointer-events: none;
771
+ z-index: -1;
842
772
  }
843
773
 
844
- .video-js.skin_news_live iframe{
845
- width: 100%;
846
- height: 100%;
774
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
775
+ order: -1;
776
+ flex: 0 0 100%;
777
+ width: 80%;
778
+ margin: 0 0 5em;
779
+ position: relative;
847
780
  }
848
781
 
849
- .video-js.skin_news_live .vjs-live-control{
850
- align-items: center;
851
- display: none;
782
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
783
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
784
+ width: auto;
785
+ min-width: 0;
852
786
  }
853
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
854
- height: 2.2em;
855
- display: flex;
787
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
788
+ display: inline-flex;
856
789
  align-items: center;
857
- font-family: monospace;
858
- width: 4em;
859
790
  justify-content: center;
860
- background: red;
861
- margin: 4px 0px 4px 12px;
791
+ height: 7em;
792
+ padding: 0 10px;
793
+ color: #fff;
862
794
  }
863
795
 
864
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
865
- text-shadow: none;
796
+ .video-js.skin_cn_news .vjs-svg-icon::before {
797
+ content: none !important;
866
798
  }
867
799
 
868
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
869
- display: flex;
800
+
801
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
802
+ display: inline-flex;
803
+ align-items: center;
870
804
  justify-content: center;
871
- min-width: 5.3em;
872
- pointer-events: none;
873
- user-select: none;
874
805
  }
875
-
876
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
877
- color: white;
806
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
807
+ .video-js.skin_cn_news .vjs-rewind-button svg {
808
+ width: 24px;
809
+ height: 24px;
810
+ display: block;
878
811
  }
879
812
 
880
813
 
881
- .settings-selection.vjs-control.vjs-button{
882
- display: flex !important;
883
- }
884
814
 
885
- @media(max-width:576px){
886
- .settings-selection.vjs-control.vjs-button{
887
- display: none !important;
888
- }
815
+ .video-js.skin_cn_news .vjs-subs-caps-button {
816
+ opacity: 1;
889
817
  }
890
818
 
891
819
 
892
- @media(max-width:576px){
893
- .tvProviderImage{
894
- display: none
895
- }
896
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
897
- .icon-maximize {
898
- height: 30px !important;
899
- }
900
-
901
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
902
- .icon-minimize {
903
- height: 30px !important;
904
- }
905
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
906
- width: 4.5em;
907
- }
908
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
909
- height: min-content;
910
- }
911
820
 
912
- .video-js.skin_news_live button.vjs-slowmo-button{
913
- display: none;
914
- }
915
- .video-js.skin_news_live button.vjs-rewind-button{
916
- display: none;
917
- }
918
- .video-js.skin_news_live button.vjs-rewind-button>svg{
919
- height: 20px;
920
- }
921
- .video-js.skin_news_live .vjs-button{
922
- width: 4.8em;
923
- }
924
- .video-js.skin_news_live .widget-selection{
925
- display: none;
926
- }
927
- .video-js.skin_news_live .container{
928
- display: none !important;
929
- }
930
- .video-js.skin_news_live .vjs-control-bar{
931
- height: 4em !important;
932
- }
933
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
934
- font-size: 2.5em;
935
- line-height: 1.5;
936
- }
937
- .video-js.skin_news_live .vjs-play-progress:before {
938
- font-size: 1.2em;
939
- position: absolute;
940
- right: -0.5em;
941
- z-index: 1;
821
+ .video-js.skin_cn_news .vjs-volume-panel {
822
+ margin: 0;
823
+ display: inline-flex;
824
+ align-items: center;
825
+ align-self: center;
826
+ height: 2.2em;
827
+ min-width: 7em;
828
+ transition: none;
942
829
  }
943
- .video-js.skin_news_live button.vjs-skip-button>svg{
944
- height: 20px;
830
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
831
+ width: 0;
832
+ height: 100%;
833
+ display: flex;
834
+ align-items: center;
835
+ overflow: hidden;
836
+ opacity: 0;
837
+ transition: width 0.15s ease, opacity 0.15s ease;
945
838
  }
946
- .video-js.skin_news_live button.vjs-big-play-button {
947
- width: 50px !important;
948
- height: 50px !important;
949
- font-size: 2.1rem !important;
839
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
840
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
841
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
842
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
843
+ width: 5em;
844
+ opacity: 1;
950
845
  }
951
846
 
952
- .stream-selector-icon>svg{
953
- width: 24px;
954
- height: 24px;
847
+ .video-js.skin_cn_news .vjs-volume-bar {
848
+ width: 4em;
849
+ height: 0.3em;
850
+ margin: 0 0.45em;
955
851
  }
956
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
957
- margin: 0 12px 0 12px;
852
+
853
+
854
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
855
+ display: none !important;
958
856
  }
959
- .video-js.skin_news_live .vjs-seek-to-live-text{
960
- font-size: 12px;
857
+
858
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
859
+ width: 0 !important;
961
860
  }
962
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
963
- margin: 0 12px 0 12px;
861
+
862
+
863
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
864
+ display: block !important;
865
+ flex: 1 1 auto;
866
+ }
867
+
868
+
869
+ .video-js.skin_cn_news .vjs-big-play-button {
870
+ display: none;
964
871
  }
872
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
873
+ position: relative !important;
874
+ display: flex;
875
+ left: 0;
876
+ top: -1px;
965
877
  }
966
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
967
- width: 90px;
968
- height: 90px;
878
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
969
879
  display: flex;
970
880
  justify-content: center;
971
881
  align-items: center;
972
- border-radius: 50%;
973
882
  position: absolute;
974
883
  top: 0;
975
884
  left: 0;
976
885
  right: 0;
977
886
  bottom: 0;
978
887
  margin: auto;
979
- font-size: 6em;
980
- line-height: 1.4em;
888
+ width: 80px;
889
+ height: 80px;
890
+ border: none;
891
+ border-radius: 50%;
892
+ background: rgba(0, 0, 0, 0.55);
893
+ font-size: 5em;
894
+ line-height: 1.3em;
895
+ transform: none !important;
981
896
  }
982
897
 
983
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
984
- display: flex;
985
- justify-content: center;
986
- align-items: center;
987
- height: 100%;
988
- transition: width 0.1s;
898
+
899
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
900
+ height: 4px !important;
901
+ margin: 0;
902
+ border-radius: 20px;
903
+ background-color: #393944;
989
904
  }
990
905
 
991
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
992
- display: flex;
993
- justify-content: center;
994
- align-items: center;
995
- height: 100%;
996
- transition: width 0.1s;
906
+ .video-js.skin_cn_news .vjs-play-progress {
907
+ background-color: #ffffff;
908
+ border-radius: 20px;
997
909
  }
998
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
999
- display: none !important;
910
+
911
+ .video-js.skin_cn_news .vjs-load-progress,
912
+ .video-js.skin_cn_news .vjs-load-progress div {
913
+ background: rgba(255, 255, 255, 0.15);
914
+ border-radius: 20px;
1000
915
  }
1001
916
 
1002
- @media (max-width: 576px) {
1003
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1004
- height: 5px !important;
1005
- }
1006
- .video-js.skin_news_live button.vjs-big-play-button {
1007
- width: 50px !important;
1008
- height: 50px !important;
1009
- font-size: 2.1rem !important;
1010
- }
1011
917
 
1012
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1013
- display: none;
1014
- }
1015
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1016
- bottom: 2.4em !important;
1017
- right: -1em;
1018
- z-index: 1;
918
+ .video-js.skin_cn_news .vjs-play-progress:before {
919
+ content: '';
920
+ width: 16px;
921
+ height: 16px;
922
+ border-radius: 50%;
923
+ background: #ffffff;
924
+ border: 2px solid rgba(0, 0, 0, 0.6);
925
+ box-sizing: border-box;
926
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
927
+ top: -6px;
928
+ right: -8px;
929
+ position: absolute;
930
+ }
931
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
932
+ display: none !important;
1019
933
  }
1020
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1021
- display: none !important;
1022
- }
1023
934
 
935
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
936
+ background: #ffffff;
937
+ color: #0a0e17;
938
+ font-weight: 700;
939
+ border-radius: 3px;
1024
940
  }
1025
941
 
1026
- .video-js.skin_news_live .vjs-text-track-display-ttml {
1027
- width: 100% !important;
942
+ .video-js.skin_cn_news .vjs-live-control {
943
+ display: none !important;
944
+ }
945
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
946
+ display: inline-flex;
947
+ align-items: center;
948
+ align-self: center;
949
+ height: 2.2em;
950
+ gap: 5px;
951
+ width: auto;
952
+ padding: 0 10px;
953
+ border: 1px solid rgba(255, 255, 255, 0.45);
954
+ border-radius: 4px;
955
+ cursor: pointer;
956
+ }
957
+ .video-js.skin_cn_news:not(.vjs-live) .vjs-seek-to-live-control.vjs-control,
958
+ .video-js.skin_cn_news.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control.vjs-control {
959
+ display: none;
1028
960
  }
1029
961
 
1030
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1031
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1032
- font-size: 1.2em !important;
1033
- line-height: 1.5em !important;
1034
- padding: 0.2em 0.8em !important;
962
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
963
+ display: none;
964
+ }
965
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
966
+ display: inline-flex;
967
+ align-items: center;
968
+ }
969
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
970
+ content: '';
971
+ display: inline-block;
972
+ width: 8px;
973
+ height: 8px;
974
+ border-radius: 50%;
975
+ background: #ff2d2d; /* red live dot */
976
+ }
977
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
978
+ color: #ffffff;
979
+ font-weight: 700;
980
+ font-size: 12px;
981
+ letter-spacing: 0.03em;
1035
982
  }
1036
983
 
1037
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1038
- content: none !important;
1039
- fill: none !important;
1040
- filter: none !important;
984
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
985
+ border-color: transparent;
986
+ }
987
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
988
+ color: #ff2d2d;
1041
989
  }
1042
990
 
1043
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1044
- color: rgba(255, 255, 2555, 0.7)!important;
991
+ /* ---- time controls ---- */
992
+ .video-js.skin_cn_news .vjs-current-time,
993
+ .video-js.skin_cn_news .vjs-duration,
994
+ .video-js.skin_cn_news .vjs-time-divider {
995
+ display: none;
996
+ align-items: center;
997
+ font-size: 12px;
998
+ font-weight: 700;
999
+ color: #fff;
1000
+ user-select: none;
1001
+ }
1002
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-current-time.vjs-time-control.vjs-control,
1003
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-duration.vjs-time-control.vjs-control,
1004
+ .video-js.skin_cn_news.vjs-cn-news-vod:not(.vjs-live) .vjs-time-divider.vjs-time-control {
1005
+ display: flex;
1006
+ }
1007
+ .video-js.skin_cn_news .vjs-current-time.vjs-time-control.vjs-control {
1008
+ padding-right: 0;
1009
+ }
1010
+ .video-js.skin_cn_news .vjs-duration.vjs-time-control.vjs-control {
1011
+ padding-left: 0;
1012
+ }
1013
+ .video-js.skin_cn_news .vjs-time-control.vjs-time-divider {
1014
+ padding: 0 4px;
1015
+ min-width: 0;
1016
+ width: auto;
1017
+ }
1018
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1019
+ display: none;
1020
+ align-items: center;
1021
+ justify-content: center;
1022
+ font-size: 11px;
1023
+ font-weight: 700;
1024
+ color: #fff;
1025
+ padding: 0 6px;
1026
+ user-select: none;
1045
1027
  }
1046
1028
 
1047
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1048
- color: rgba(255, 255, 2555, 1)!important;
1029
+
1030
+ .video-js.skin_cn_news .vjs-chapter-marker {
1031
+ z-index: 2;
1032
+ width: var(--vl-chapter-size, 8px);
1033
+ height: var(--vl-chapter-size, 8px);
1034
+ top: 50%;
1035
+ bottom: auto;
1036
+ background: var(--vl-chapter-color, #ffffff);
1037
+ opacity: var(--vl-chapter-opacity, 1);
1038
+ border-radius: 50%;
1039
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1040
+ transform: translate(-50%, -50%) scale(1);
1041
+ transition: background-color 0.12s ease;
1042
+ }
1043
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1044
+ background: var(--vl-chapter-hover, #0a5cff);
1049
1045
  }
1046
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1047
+ background: var(--vl-chapter-active, #0a5cff);
1048
+ }
1049
+
1050
1050
 
1051
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1052
+ width: 16px;
1053
+ height: 16px;
1054
+ bottom: 160%;
1055
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1056
+ }
1051
1057
 
1052
1058
 
1053
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1059
+ .video-js.skin_cn_news .vjs-chapter-preview {
1060
+ background: var(--vl-chapter-tooltip, #0a5cff);
1061
+ border-radius: 6px;
1062
+ padding: 8px 10px;
1063
+ width: max-content;
1064
+ max-width: 300px;
1065
+ text-align: left;
1066
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1067
+ }
1068
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1069
+ color: #ffffff;
1070
+ font-size: 13px;
1071
+ font-weight: 400;
1072
+ margin-bottom: 2px;
1073
+ }
1074
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1075
+ color: #ffffff;
1076
+ font-size: 13px;
1077
+ font-weight: 400;
1078
+ line-height: 1.3;
1079
+ white-space: normal;
1080
+ text-align: left;
1081
+ }
1082
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1083
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1084
+ }
1085
+
1086
+ /* ---- responsive ---- */
1087
+ @media (max-width: 576px) {
1088
+ .video-js.skin_cn_news .vjs-control-bar {
1089
+ height: 3.2em !important;
1090
+ padding: 0 8px;
1091
+ }
1092
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1093
+ padding: 0 6px;
1094
+ }
1095
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1096
+ display: none !important;
1097
+ }
1098
+ }
1099
+
1100
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
1054
1101
  font-size: 2.2em;
1055
1102
  line-height: 2.6;
1056
1103
  }
1057
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1058
- background: white;
1104
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
1105
+ background: #fcb700;
1059
1106
  }
1060
- .video-js.skin_news .vjs-control-bar{
1107
+ .video-js.skin_news_live .vjs-control-bar{
1061
1108
  z-index: 1 !important;
1062
1109
  height: 5em !important;
1063
1110
  background: black !important;
1064
1111
  }
1065
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1112
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1066
1113
  display: flex;
1067
1114
  align-items: center;
1068
1115
  justify-content: center;
1069
1116
  }
1070
1117
 
1071
- .video-js.skin_news .vjs-fade>* {
1118
+ .video-js.skin_news_live .vjs-fade>* {
1072
1119
  visibility: hidden !important;
1073
1120
  opacity: 0 !important;
1074
1121
  transition: visibility 1s, opacity 1s !important;
1075
1122
  }
1076
1123
 
1077
- .video-js.skin_news .custom-spaced-progress-bar {
1124
+ .video-js.skin_news_live .custom-spaced-progress-bar {
1078
1125
  position: absolute;
1079
1126
  width: 100%;
1080
1127
  display: flex;
@@ -1082,7 +1129,7 @@
1082
1129
  top: -0.5em;
1083
1130
  }
1084
1131
 
1085
- .video-js.skin_news .vjs-progress-control {
1132
+ .video-js.skin_news_live .vjs-progress-control {
1086
1133
  /* left: -6px; */
1087
1134
  position: relative;
1088
1135
  width: 100%;
@@ -1090,22 +1137,25 @@
1090
1137
  transition: height 0.1s, top 0.1s;
1091
1138
  }
1092
1139
 
1140
+ .video-js.skin_news_live .vjs-volume-panel{
1141
+ min-width: 5.3em;
1142
+ }
1093
1143
 
1094
1144
 
1095
1145
 
1096
- .video-js.skin_news .vjs-custom-control-spacer {
1097
- display: block;
1098
- flex: 1 1 auto;
1146
+ .video-js.skin_news_live .vjs-custom-control-spacer {
1147
+ /* display: block; */
1148
+ /* flex: 1 1 auto; */
1099
1149
  }
1100
1150
 
1101
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1151
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1102
1152
  margin: 0 0px 0 0px;
1103
1153
  }
1104
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1154
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
1105
1155
  display: none;
1106
1156
  }
1107
1157
 
1108
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1158
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
1109
1159
  font-size: 14px;
1110
1160
  font-weight: 500;
1111
1161
  align-self: center;
@@ -1114,30 +1164,30 @@
1114
1164
  border-radius: 8px;
1115
1165
  }
1116
1166
 
1117
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1167
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1118
1168
  height: 6px !important;
1119
1169
  }
1120
1170
 
1121
- .video-js.skin_news .vjs-play-progress:before {
1171
+ .video-js.skin_news_live .vjs-play-progress:before {
1122
1172
  font-size: 1.5em;
1123
1173
  line-height: unset;
1124
1174
  top: -0.3333333333em;
1125
1175
  }
1126
1176
 
1127
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1177
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
1128
1178
  display: none !important;
1129
1179
  }
1130
1180
 
1131
1181
  /* */
1132
- .video-js.skin_news .vjs-mouse-display{
1182
+ .video-js.skin_news_live .vjs-mouse-display{
1133
1183
  font-size: 1.6666666667em;
1134
1184
  }
1135
1185
 
1136
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1186
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
1137
1187
  font-size: 1em !important;
1138
1188
  }
1139
1189
 
1140
- .video-js.skin_news .vjs-button{
1190
+ .video-js.skin_news_live .vjs-button{
1141
1191
  width: 5.3em;
1142
1192
  display: flex;
1143
1193
  align-items: center;
@@ -1145,63 +1195,71 @@
1145
1195
  }
1146
1196
 
1147
1197
 
1148
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1198
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1149
1199
  .icon-maximize {
1150
1200
  display: block;
1151
1201
  height: 32px;
1152
1202
  }
1153
1203
 
1154
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1204
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
1155
1205
  line-height: 4;
1156
1206
  }
1157
1207
 
1158
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1208
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1159
1209
  .icon-minimize {
1160
1210
  display: none;
1161
1211
  height: 32px;
1162
1212
  }
1163
1213
 
1164
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1214
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
1165
1215
  outline: none !important;
1216
+ /* flex: 1; */
1166
1217
  }
1167
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1218
+ .video-js.skin_news_live .vjs-play-toggle-container{
1219
+ display: flex;
1220
+ flex: 1;
1221
+ justify-content: center;
1222
+ }
1223
+
1224
+
1225
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
1168
1226
  .vjs-icon-fullscreen-enter:before {
1169
1227
  /* content: '' !important; */
1170
1228
  }
1171
1229
 
1172
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1230
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
1173
1231
  display: flex;
1174
1232
  justify-content: center;
1175
1233
  align-items: center;
1176
1234
  /* transform: rotate(90deg); */
1177
1235
  }
1178
1236
 
1179
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1237
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
1180
1238
  display: none;
1181
1239
  }
1182
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1240
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
1183
1241
  margin-left: -10px;
1184
1242
  }
1185
1243
 
1186
- .video-js.skin_news .skipbtn:hover{
1244
+ .video-js.skin_news_live .skipbtn:hover{
1187
1245
  cursor: pointer;
1188
1246
  }
1189
1247
 
1190
- .video-js.skin_news .rewindbtn:hover{
1248
+ .video-js.skin_news_live .rewindbtn:hover{
1191
1249
  cursor: pointer;
1192
1250
  }
1193
1251
 
1194
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1252
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1195
1253
  position: relative;
1196
1254
  padding-left: 0;
1197
1255
  }
1198
1256
 
1199
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1257
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
1200
1258
  display: none !important;
1201
1259
  }
1202
1260
 
1203
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1204
- width: 90px;
1261
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1262
+ /* width: 90px;
1205
1263
  height: 90px;
1206
1264
  display: flex;
1207
1265
  justify-content: center;
@@ -1216,19 +1274,20 @@
1216
1274
  font-size: 6em;
1217
1275
  line-height: 1.4em;
1218
1276
  border: 0.05em solid;
1219
- color: inherit;
1277
+ color: inherit; */
1278
+ display: none !important;
1220
1279
  }
1221
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1280
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
1222
1281
  font-weight: bold;
1223
1282
  }
1224
1283
 
1225
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1284
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
1226
1285
  bottom: 2.4em !important;
1227
1286
  right: -1em;
1228
1287
  z-index: 1;
1229
1288
  }
1230
1289
 
1231
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1290
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
1232
1291
  width: 24px !important;
1233
1292
  height: 24px !important;
1234
1293
  }
@@ -1238,34 +1297,34 @@
1238
1297
  }
1239
1298
 
1240
1299
 
1241
- .video-js.skin_news button.vjs-rewind-button{
1300
+ .video-js.skin_news_live button.vjs-rewind-button{
1242
1301
  cursor: pointer;
1243
1302
  }
1244
1303
 
1245
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1304
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1246
1305
  padding-right: 0;
1306
+ display: none;
1247
1307
  }
1248
1308
 
1249
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1309
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1250
1310
  padding-left: 0;
1311
+ display: none;
1251
1312
  }
1252
1313
 
1253
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1314
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
1254
1315
  padding-left: 0;
1255
1316
  padding-right: 0;
1256
- display: flex;
1257
- justify-content: center;
1258
- width: min-content;
1317
+ display: none;
1259
1318
  }
1260
1319
 
1261
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1320
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
1262
1321
  display: none
1263
1322
  }
1264
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1323
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
1265
1324
  display: none
1266
1325
  }
1267
1326
 
1268
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1327
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
1269
1328
  display: flex;
1270
1329
  align-items: center;
1271
1330
  font-weight: 700;
@@ -1273,26 +1332,26 @@
1273
1332
  min-width: 1.2em;
1274
1333
  }
1275
1334
 
1276
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1335
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
1277
1336
  display: none;
1278
1337
  font-size: 11px;
1279
1338
  justify-content: center;
1280
1339
  align-items: center;
1281
1340
  user-select: none;
1282
1341
  }
1283
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1342
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1284
1343
  display: none;
1285
1344
  }
1286
1345
 
1287
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1346
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1288
1347
  height: min-content;
1289
1348
  width: min-content;
1290
1349
  }
1291
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1350
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1292
1351
  width: 6em;
1293
1352
  }
1294
1353
 
1295
- .video-js.skin_news .content{
1354
+ .video-js.skin_news_live .content{
1296
1355
  bottom: 3.4rem !important;
1297
1356
  right: -4rem !important;
1298
1357
  }
@@ -1311,15 +1370,16 @@
1311
1370
  pointer-events:none
1312
1371
  }
1313
1372
 
1314
- .video-js.skin_news iframe{
1373
+ .video-js.skin_news_live iframe{
1315
1374
  width: 100%;
1316
1375
  height: 100%;
1317
1376
  }
1318
1377
 
1319
- .video-js.skin_news .vjs-live-control{
1378
+ .video-js.skin_news_live .vjs-live-control{
1320
1379
  align-items: center;
1380
+ display: none;
1321
1381
  }
1322
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1382
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
1323
1383
  height: 2.2em;
1324
1384
  display: flex;
1325
1385
  align-items: center;
@@ -1330,43 +1390,22 @@
1330
1390
  margin: 4px 0px 4px 12px;
1331
1391
  }
1332
1392
 
1333
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1393
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
1334
1394
  text-shadow: none;
1335
1395
  }
1336
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1337
- display: none;
1338
- font-size: 12px;
1339
- }
1340
1396
 
1341
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1342
- height: 2.2em;
1343
- display: inline-flex;
1344
- align-items: center;
1345
- /* font-family: monospace; */
1397
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
1398
+ display: flex;
1346
1399
  justify-content: center;
1347
- border: 2px solid;
1348
- margin: 4px 0px 4px 6px;
1349
- white-space: pre;
1350
- padding: 0px 6px;
1351
- font-size: 1.2em;
1352
- font-weight: 500;
1353
- color: rgba(255, 255, 2555, 0.7);
1354
-
1355
- letter-spacing: -.1px;
1356
- line-height: normal;
1357
- text-transform: uppercase;
1358
- color: #FFFFFF;
1359
- opacity: .7;
1360
- font-family: "Proxima Nova";
1400
+ min-width: 5.3em;
1401
+ pointer-events: none;
1402
+ user-select: none;
1361
1403
  }
1362
1404
 
1363
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1364
- opacity: 1;
1405
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
1406
+ color: white;
1365
1407
  }
1366
1408
 
1367
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1368
- content: "NOT LIVE";
1369
- }
1370
1409
 
1371
1410
  .settings-selection.vjs-control.vjs-button{
1372
1411
  display: flex !important;
@@ -1383,57 +1422,57 @@
1383
1422
  .tvProviderImage{
1384
1423
  display: none
1385
1424
  }
1386
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1425
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1387
1426
  .icon-maximize {
1388
1427
  height: 30px !important;
1389
1428
  }
1390
1429
 
1391
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1430
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1392
1431
  .icon-minimize {
1393
1432
  height: 30px !important;
1394
1433
  }
1395
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1434
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
1396
1435
  width: 4.5em;
1397
1436
  }
1398
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1437
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1399
1438
  height: min-content;
1400
1439
  }
1401
1440
 
1402
- .video-js.skin_news button.vjs-slowmo-button{
1441
+ .video-js.skin_news_live button.vjs-slowmo-button{
1403
1442
  display: none;
1404
1443
  }
1405
- .video-js.skin_news button.vjs-rewind-button{
1444
+ .video-js.skin_news_live button.vjs-rewind-button{
1406
1445
  display: none;
1407
1446
  }
1408
- .video-js.skin_news button.vjs-rewind-button>svg{
1447
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1409
1448
  height: 20px;
1410
1449
  }
1411
- .video-js.skin_news .vjs-button{
1450
+ .video-js.skin_news_live .vjs-button{
1412
1451
  width: 4.8em;
1413
1452
  }
1414
- .video-js.skin_news .widget-selection{
1453
+ .video-js.skin_news_live .widget-selection{
1415
1454
  display: none;
1416
1455
  }
1417
- .video-js.skin_news .container{
1456
+ .video-js.skin_news_live .container{
1418
1457
  display: none !important;
1419
1458
  }
1420
- .video-js.skin_news .vjs-control-bar{
1459
+ .video-js.skin_news_live .vjs-control-bar{
1421
1460
  height: 4em !important;
1422
1461
  }
1423
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1462
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1424
1463
  font-size: 2.5em;
1425
1464
  line-height: 1.5;
1426
1465
  }
1427
- .video-js.skin_news .vjs-play-progress:before {
1466
+ .video-js.skin_news_live .vjs-play-progress:before {
1428
1467
  font-size: 1.2em;
1429
1468
  position: absolute;
1430
1469
  right: -0.5em;
1431
1470
  z-index: 1;
1432
1471
  }
1433
- .video-js.skin_news button.vjs-skip-button>svg{
1472
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1434
1473
  height: 20px;
1435
1474
  }
1436
- .video-js.skin_news button.vjs-big-play-button {
1475
+ .video-js.skin_news_live button.vjs-big-play-button {
1437
1476
  width: 50px !important;
1438
1477
  height: 50px !important;
1439
1478
  font-size: 2.1rem !important;
@@ -1443,17 +1482,17 @@
1443
1482
  width: 24px;
1444
1483
  height: 24px;
1445
1484
  }
1446
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1485
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
1447
1486
  margin: 0 12px 0 12px;
1448
1487
  }
1449
- .video-js.skin_news .vjs-seek-to-live-text{
1488
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1450
1489
  font-size: 12px;
1451
1490
  }
1452
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1491
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
1453
1492
  margin: 0 12px 0 12px;
1454
1493
  }
1455
1494
  }
1456
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1495
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
1457
1496
  width: 90px;
1458
1497
  height: 90px;
1459
1498
  display: flex;
@@ -1470,7 +1509,7 @@
1470
1509
  line-height: 1.4em;
1471
1510
  }
1472
1511
 
1473
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1512
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1474
1513
  display: flex;
1475
1514
  justify-content: center;
1476
1515
  align-items: center;
@@ -1478,29 +1517,22 @@
1478
1517
  transition: width 0.1s;
1479
1518
  }
1480
1519
 
1481
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1520
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1482
1521
  display: flex;
1483
1522
  justify-content: center;
1484
1523
  align-items: center;
1485
1524
  height: 100%;
1486
1525
  transition: width 0.1s;
1487
1526
  }
1488
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1527
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1489
1528
  display: none !important;
1490
1529
  }
1491
- .video-js.skin_news .ssai-ad-container{
1492
- position: absolute;
1493
- bottom: 14px;
1494
- }
1495
1530
 
1496
1531
  @media (max-width: 576px) {
1497
- .video-js.skin_news .ssai-ad-container{
1498
- bottom: 2px;
1499
- }
1500
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1532
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1501
1533
  height: 5px !important;
1502
1534
  }
1503
- .video-js.skin_news button.vjs-big-play-button {
1535
+ .video-js.skin_news_live button.vjs-big-play-button {
1504
1536
  width: 50px !important;
1505
1537
  height: 50px !important;
1506
1538
  font-size: 2.1rem !important;
@@ -1509,76 +1541,44 @@
1509
1541
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1510
1542
  display: none;
1511
1543
  }
1512
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1544
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
1513
1545
  bottom: 2.4em !important;
1514
1546
  right: -1em;
1515
1547
  z-index: 1;
1516
1548
  }
1517
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1549
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1518
1550
  display: none !important;
1519
1551
  }
1520
1552
 
1521
- .video-js.skin_news .vjs-text-track-display-ttml span {
1522
- color: white;
1523
- font-size: 13px;
1524
- background-color: black;
1525
- }
1526
- }
1527
-
1528
- .video-js.skin_news .vjs-text-track-display-ttml span {
1529
- color: white;
1530
- font-size: 16px;
1531
- background-color: black;
1532
- }
1533
-
1534
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1535
- margin-bottom: 2rem !important;
1536
1553
  }
1537
1554
 
1538
- .video-js.skin_news .vjs-text-track-display-ttml p {
1539
- font-size: 18px !important;
1555
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
1556
+ width: 100% !important;
1540
1557
  }
1541
1558
 
1542
-
1543
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1544
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1559
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1560
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1545
1561
  font-size: 1.2em !important;
1546
1562
  line-height: 1.5em !important;
1547
1563
  padding: 0.2em 0.8em !important;
1548
1564
  }
1549
1565
 
1550
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1566
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1551
1567
  content: none !important;
1552
1568
  fill: none !important;
1553
1569
  filter: none !important;
1554
1570
  }
1555
1571
 
1556
- /* svg icons opacity and hover effect */
1557
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1558
- opacity: 0.7 !important;
1559
- }
1560
-
1561
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1562
- opacity: 1 !important;
1563
- }
1564
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1565
- opacity: 0.7 !important;
1566
- }
1567
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1568
- opacity: 1 !important;
1569
- }
1570
-
1571
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1572
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1572
1573
  color: rgba(255, 255, 2555, 0.7)!important;
1573
1574
  }
1574
1575
 
1575
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1576
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1576
1577
  color: rgba(255, 255, 2555, 1)!important;
1577
1578
  }
1578
1579
 
1579
1580
 
1580
1581
 
1581
-
1582
1582
  .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1583
1583
  font-size: 2.2em;
1584
1584
  line-height: 2.6;
@@ -2231,7 +2231,6 @@
2231
2231
 
2232
2232
 
2233
2233
 
2234
-
2235
2234
  .video-js .multicamera-parent.default{
2236
2235
  height: 345px;
2237
2236
  position: absolute;
@@ -2448,6 +2447,7 @@
2448
2447
  }
2449
2448
  }
2450
2449
 
2450
+
2451
2451
  /* nextep — up-next card (centered in player, scales with player size) */
2452
2452
  .video-js:has(.next-ep-preview),
2453
2453
  .video-js:has(.next-ep-preview-player-thumb) {