@viewlift/player-backup 2.0.321-backup → 2.0.323-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.
- package/cjs/bundle.css +552 -542
- package/cjs/{features-ead9312b.js → features-db5508ee.js} +1 -1
- package/cjs/{index-1a660cab.js → index-92b1574f.js} +1 -1
- package/cjs/index-ebdfbf69.js +1 -0
- package/cjs/index.js +1 -1
- package/cjs/{nextEpisodeButton-a697a365.js → nextEpisodeButton-a0a60ba4.js} +1 -1
- package/cjs/{series-d741435e.js → series-ea8c865c.js} +1 -1
- package/cjs/{series-v2-63fad536.js → series-v2-9dd40100.js} +1 -1
- package/cjs/{settings-icon-0642c8ef.js → settings-icon-8bb0d3f0.js} +1 -1
- package/cjs/{skin-0b299876.js → skin-2e66860e.js} +1 -1
- package/cjs/{skin-b129934d.js → skin-46f381f0.js} +1 -1
- package/cjs/{skin-10a484ea.js → skin-671692b8.js} +1 -1
- package/cjs/skin-72d4ff37.js +1 -0
- package/cjs/skin-b5f248db.js +1 -0
- package/cjs/{skin-afc822cd.js → skin-c307c196.js} +1 -1
- package/cjs/{skin-ca146ade.js → skin-c4b71f1f.js} +1 -1
- package/cjs/{skin-077cde6d.js → skin-e562cdac.js} +1 -1
- package/esm/{autoNextVideo-e5094e69.js → autoNextVideo-b094b4eb.js} +1 -1
- package/esm/bundle.css +552 -542
- package/esm/{caption-settings-8dfcb482.js → caption-settings-567b8533.js} +1 -1
- package/esm/{captions-75f20905.js → captions-15915fce.js} +1 -1
- package/esm/components/chapters/bootstrap.d.ts +2 -0
- package/esm/components/chapters/index.d.ts +3 -2
- package/esm/{features-c1140e31.js → features-d1c0969b.js} +1 -1
- package/esm/{generic-617ae917.js → generic-279952e4.js} +1 -1
- package/esm/index-608ce5e5.js +1 -0
- package/esm/{index-14a1856f.js → index-7814cd08.js} +1 -1
- package/esm/{index-ec92c082.js → index-85c4eeac.js} +1 -1
- package/esm/{index-7cc84012.js → index-ae256416.js} +1 -1
- package/esm/index.js +1 -1
- package/esm/{multicamv2-87ae9104.js → multicamv2-68192e76.js} +1 -1
- package/esm/{multicamv2-05d8804a.js → multicamv2-bdfc13c0.js} +1 -1
- package/esm/{nextEpisodeButton-9f887be1.js → nextEpisodeButton-a1b670a6.js} +1 -1
- package/esm/{playlist-4b9c88cb.js → playlist-cab0eaa2.js} +1 -1
- package/esm/{series-c9d76061.js → series-ffaee63d.js} +1 -1
- package/esm/{series-v2-50bc486c.js → series-v2-5717bfa3.js} +1 -1
- package/esm/series-v2-e27f4583.js +1 -0
- package/esm/{skin-6573096c.js → skin-2c35d22d.js} +1 -1
- package/esm/{skin-35d860af.js → skin-2d147bae.js} +1 -1
- package/esm/{skin-c5f65efa.js → skin-3c5e5bca.js} +1 -1
- package/esm/{skin-7afa0cd0.js → skin-51700a89.js} +1 -1
- package/esm/{skin-fd365cae.js → skin-5b384947.js} +1 -1
- package/esm/skin-71506822.js +1 -0
- package/esm/skin-961379a6.js +1 -0
- package/esm/{skin-ea1f1039.js → skin-ab1fb777.js} +1 -1
- package/esm/{skin-bc97f378.js → skin-bb16c3bf.js} +1 -1
- package/esm/{skin-3a6f74c2.js → skin-c27a730c.js} +1 -1
- package/esm/{videoSelector-c8f11e23.js → videoSelector-89ff2577.js} +1 -1
- package/esm/videoSelector-a3f01f77.js +1 -0
- package/package.json +27 -29
- package/cjs/index-01027798.js +0 -1
- package/cjs/index-826e1008.js +0 -1
- package/cjs/skin-52203b41.js +0 -1
- package/cjs/skin-d42aa49e.js +0 -1
- package/esm/index-72c93f98.js +0 -1
- package/esm/index-9742ce03.js +0 -1
- package/esm/series-v2-35fd8e52.js +0 -1
- package/esm/skin-17ec701c.js +0 -1
- package/esm/skin-3fcf1ead.js +0 -1
- package/esm/videoSelector-1bcc2f06.js +0 -1
package/cjs/bundle.css
CHANGED
|
@@ -1,31 +1,230 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
4
|
+
height: 0.7em;
|
|
5
|
+
position: absolute;
|
|
6
|
+
top: -0.7em;
|
|
7
|
+
width: 100%;
|
|
8
|
+
}
|
|
3
9
|
|
|
4
|
-
.video-js.
|
|
10
|
+
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
11
|
+
height: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
15
|
+
line-height: 2.5;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
19
|
+
height: 19px;
|
|
20
|
+
width: 19px;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
}
|
|
23
|
+
.video-js.skin_vlone .vjs-control {
|
|
24
|
+
user-select: none;
|
|
25
|
+
}
|
|
26
|
+
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
27
|
+
user-select: none;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
31
|
+
height: 19px;
|
|
32
|
+
width: 19px;
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.video-js.skin_vlone .vjs-play-progress:before {
|
|
37
|
+
display: none !important;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
41
|
+
margin: 0 !important;
|
|
42
|
+
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
47
|
+
display: block;
|
|
48
|
+
flex: 1 1 auto;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
52
|
+
z-index: 1;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
.video-js.skin_vlone .vjs-control-bar {
|
|
57
|
+
height: 40px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
61
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
62
|
+
position: relative !important;
|
|
63
|
+
}
|
|
64
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
65
|
+
display: flex;
|
|
66
|
+
left: 0px;
|
|
67
|
+
top: -1px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
71
|
+
font-size: 2em !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.video-js.skin_vlone .vjs-control {
|
|
75
|
+
width: 4.3em;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.vjs-menu-button-popup .vjs-menu {
|
|
79
|
+
bottom: 10px !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
84
|
+
height: 1.3em;
|
|
85
|
+
position: absolute;
|
|
86
|
+
top: -1.3em;
|
|
87
|
+
transition: height 0.3s, top 0.3s;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
92
|
+
display: none !important;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
96
|
+
display: block;
|
|
97
|
+
}
|
|
98
|
+
.video-js.skin_vlone .vjs-remaining-time {
|
|
99
|
+
display: none;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
103
|
+
line-height: 3.5em;
|
|
104
|
+
font-size: 1.1em;
|
|
105
|
+
min-width: 4em;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.video-js.skin_vlone .vjs-time-divider > div{
|
|
109
|
+
display: flex;
|
|
110
|
+
justify-content: center;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.video-js.skin_vlone .vjs-live-control{
|
|
114
|
+
align-items: center;
|
|
115
|
+
}
|
|
116
|
+
.video-js.skin_vlone .vjs-live-display{
|
|
117
|
+
height: 2.2em;
|
|
118
|
+
display: flex;
|
|
119
|
+
align-items: center;
|
|
120
|
+
font-family: monospace;
|
|
121
|
+
width: 4em;
|
|
122
|
+
justify-content: center;
|
|
123
|
+
background: red;
|
|
124
|
+
margin: 4px 0px 4px 12px;
|
|
125
|
+
}
|
|
126
|
+
.video-js.skin_vlone .vjs-live-display.vjs-behind-live{
|
|
127
|
+
background: #6b6b6b;
|
|
128
|
+
}
|
|
129
|
+
.video-js.skin_vlone .vjs-live-display:hover{
|
|
130
|
+
cursor: pointer;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
134
|
+
line-height: 3.5em !important;
|
|
135
|
+
font-size: 1.1em !important;
|
|
136
|
+
width: min-content !important;
|
|
137
|
+
min-width: 1.5em;
|
|
138
|
+
padding: 0 !important;
|
|
139
|
+
user-select: none;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
143
|
+
margin-left: 16px !important;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
147
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
148
|
+
font-size: 1.2em !important;
|
|
149
|
+
line-height: 1.5em !important;
|
|
150
|
+
padding: 0.2em 0.8em !important;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
/* Big play */
|
|
155
|
+
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
156
|
+
width: 80px;
|
|
157
|
+
height: 80px;
|
|
158
|
+
display: flex;
|
|
159
|
+
justify-content: center;
|
|
160
|
+
align-items: center;
|
|
161
|
+
border: none;
|
|
162
|
+
position: absolute;
|
|
163
|
+
top: 0;
|
|
164
|
+
left: 0;
|
|
165
|
+
right: 0;
|
|
166
|
+
bottom: 0;
|
|
167
|
+
margin: auto;
|
|
168
|
+
font-size: 5em;
|
|
169
|
+
line-height: 1.3em;
|
|
170
|
+
transform: none !important;
|
|
171
|
+
border-radius: 1.3em;
|
|
172
|
+
}
|
|
173
|
+
.video-js.skin_vlone .ssai-ad-container{
|
|
174
|
+
position: absolute;
|
|
175
|
+
bottom: 4px;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
@media(max-width:600px){
|
|
179
|
+
.video-js.skin_vlone button.vjs-big-play-button {
|
|
180
|
+
width: 50px !important;
|
|
181
|
+
height: 50px !important;
|
|
182
|
+
font-size: 2.1rem !important;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.video-js.skin_vlone .ssai-ad-container {
|
|
186
|
+
position: absolute;
|
|
187
|
+
bottom: 2px;
|
|
188
|
+
}
|
|
189
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
190
|
+
display: none;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
194
|
+
/* display: none; */
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
198
|
+
/* display: none; */
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
5
204
|
font-size: 2.2em;
|
|
6
205
|
line-height: 2.6;
|
|
7
206
|
}
|
|
8
|
-
.video-js.
|
|
9
|
-
background:
|
|
207
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
208
|
+
background: #fcb700;
|
|
10
209
|
}
|
|
11
|
-
.video-js.
|
|
210
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
12
211
|
z-index: 1 !important;
|
|
13
212
|
height: 5em !important;
|
|
14
213
|
background: black !important;
|
|
15
214
|
}
|
|
16
|
-
.video-js.
|
|
215
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
17
216
|
display: flex;
|
|
18
217
|
align-items: center;
|
|
19
218
|
justify-content: center;
|
|
20
219
|
}
|
|
21
220
|
|
|
22
|
-
.video-js.
|
|
221
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
23
222
|
visibility: hidden !important;
|
|
24
223
|
opacity: 0 !important;
|
|
25
224
|
transition: visibility 1s, opacity 1s !important;
|
|
26
225
|
}
|
|
27
226
|
|
|
28
|
-
.video-js.
|
|
227
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
29
228
|
position: absolute;
|
|
30
229
|
width: 100%;
|
|
31
230
|
display: flex;
|
|
@@ -33,7 +232,7 @@
|
|
|
33
232
|
top: -0.5em;
|
|
34
233
|
}
|
|
35
234
|
|
|
36
|
-
.video-js.
|
|
235
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
37
236
|
/* left: -6px; */
|
|
38
237
|
position: relative;
|
|
39
238
|
width: 100%;
|
|
@@ -41,22 +240,25 @@
|
|
|
41
240
|
transition: height 0.1s, top 0.1s;
|
|
42
241
|
}
|
|
43
242
|
|
|
243
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
244
|
+
min-width: 5.3em;
|
|
245
|
+
}
|
|
44
246
|
|
|
45
247
|
|
|
46
248
|
|
|
47
|
-
.video-js.
|
|
48
|
-
display: block;
|
|
49
|
-
flex: 1 1 auto;
|
|
249
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
250
|
+
/* display: block; */
|
|
251
|
+
/* flex: 1 1 auto; */
|
|
50
252
|
}
|
|
51
253
|
|
|
52
|
-
.video-js.
|
|
254
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
53
255
|
margin: 0 0px 0 0px;
|
|
54
256
|
}
|
|
55
|
-
.video-js.
|
|
257
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
56
258
|
display: none;
|
|
57
259
|
}
|
|
58
260
|
|
|
59
|
-
.video-js.
|
|
261
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
60
262
|
font-size: 14px;
|
|
61
263
|
font-weight: 500;
|
|
62
264
|
align-self: center;
|
|
@@ -65,30 +267,30 @@
|
|
|
65
267
|
border-radius: 8px;
|
|
66
268
|
}
|
|
67
269
|
|
|
68
|
-
.video-js.
|
|
270
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
69
271
|
height: 6px !important;
|
|
70
272
|
}
|
|
71
273
|
|
|
72
|
-
.video-js.
|
|
274
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
73
275
|
font-size: 1.5em;
|
|
74
276
|
line-height: unset;
|
|
75
277
|
top: -0.3333333333em;
|
|
76
278
|
}
|
|
77
279
|
|
|
78
|
-
.video-js.
|
|
280
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
79
281
|
display: none !important;
|
|
80
282
|
}
|
|
81
283
|
|
|
82
284
|
/* */
|
|
83
|
-
.video-js.
|
|
285
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
84
286
|
font-size: 1.6666666667em;
|
|
85
287
|
}
|
|
86
288
|
|
|
87
|
-
.video-js.
|
|
289
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
88
290
|
font-size: 1em !important;
|
|
89
291
|
}
|
|
90
292
|
|
|
91
|
-
.video-js.
|
|
293
|
+
.video-js.skin_news_live .vjs-button{
|
|
92
294
|
width: 5.3em;
|
|
93
295
|
display: flex;
|
|
94
296
|
align-items: center;
|
|
@@ -96,63 +298,71 @@
|
|
|
96
298
|
}
|
|
97
299
|
|
|
98
300
|
|
|
99
|
-
.video-js.
|
|
301
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
100
302
|
.icon-maximize {
|
|
101
303
|
display: block;
|
|
102
304
|
height: 32px;
|
|
103
305
|
}
|
|
104
306
|
|
|
105
|
-
.video-js.
|
|
307
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
106
308
|
line-height: 4;
|
|
107
309
|
}
|
|
108
310
|
|
|
109
|
-
.video-js.
|
|
311
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
110
312
|
.icon-minimize {
|
|
111
313
|
display: none;
|
|
112
314
|
height: 32px;
|
|
113
315
|
}
|
|
114
316
|
|
|
115
|
-
.video-js.
|
|
317
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
116
318
|
outline: none !important;
|
|
319
|
+
/* flex: 1; */
|
|
117
320
|
}
|
|
118
|
-
.video-js.
|
|
321
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
322
|
+
display: flex;
|
|
323
|
+
flex: 1;
|
|
324
|
+
justify-content: center;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
|
|
328
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
119
329
|
.vjs-icon-fullscreen-enter:before {
|
|
120
330
|
/* content: '' !important; */
|
|
121
331
|
}
|
|
122
332
|
|
|
123
|
-
.video-js.
|
|
333
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
124
334
|
display: flex;
|
|
125
335
|
justify-content: center;
|
|
126
336
|
align-items: center;
|
|
127
337
|
/* transform: rotate(90deg); */
|
|
128
338
|
}
|
|
129
339
|
|
|
130
|
-
.video-js.
|
|
340
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
131
341
|
display: none;
|
|
132
342
|
}
|
|
133
|
-
.video-js.
|
|
343
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
134
344
|
margin-left: -10px;
|
|
135
345
|
}
|
|
136
346
|
|
|
137
|
-
.video-js.
|
|
347
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
138
348
|
cursor: pointer;
|
|
139
349
|
}
|
|
140
350
|
|
|
141
|
-
.video-js.
|
|
351
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
142
352
|
cursor: pointer;
|
|
143
353
|
}
|
|
144
354
|
|
|
145
|
-
.video-js.
|
|
355
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
146
356
|
position: relative;
|
|
147
357
|
padding-left: 0;
|
|
148
358
|
}
|
|
149
359
|
|
|
150
|
-
.video-js.
|
|
360
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
151
361
|
display: none !important;
|
|
152
362
|
}
|
|
153
363
|
|
|
154
|
-
.video-js.
|
|
155
|
-
width: 90px;
|
|
364
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
365
|
+
/* width: 90px;
|
|
156
366
|
height: 90px;
|
|
157
367
|
display: flex;
|
|
158
368
|
justify-content: center;
|
|
@@ -167,19 +377,20 @@
|
|
|
167
377
|
font-size: 6em;
|
|
168
378
|
line-height: 1.4em;
|
|
169
379
|
border: 0.05em solid;
|
|
170
|
-
color: inherit;
|
|
380
|
+
color: inherit; */
|
|
381
|
+
display: none !important;
|
|
171
382
|
}
|
|
172
|
-
.video-js.
|
|
383
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
173
384
|
font-weight: bold;
|
|
174
385
|
}
|
|
175
386
|
|
|
176
|
-
.video-js.
|
|
387
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
177
388
|
bottom: 2.4em !important;
|
|
178
389
|
right: -1em;
|
|
179
390
|
z-index: 1;
|
|
180
391
|
}
|
|
181
392
|
|
|
182
|
-
.video-js.
|
|
393
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
183
394
|
width: 24px !important;
|
|
184
395
|
height: 24px !important;
|
|
185
396
|
}
|
|
@@ -189,34 +400,34 @@
|
|
|
189
400
|
}
|
|
190
401
|
|
|
191
402
|
|
|
192
|
-
.video-js.
|
|
403
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
193
404
|
cursor: pointer;
|
|
194
405
|
}
|
|
195
406
|
|
|
196
|
-
.video-js.
|
|
407
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
197
408
|
padding-right: 0;
|
|
409
|
+
display: none;
|
|
198
410
|
}
|
|
199
411
|
|
|
200
|
-
.video-js.
|
|
412
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
201
413
|
padding-left: 0;
|
|
414
|
+
display: none;
|
|
202
415
|
}
|
|
203
416
|
|
|
204
|
-
.video-js.
|
|
417
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
205
418
|
padding-left: 0;
|
|
206
419
|
padding-right: 0;
|
|
207
|
-
display:
|
|
208
|
-
justify-content: center;
|
|
209
|
-
width: min-content;
|
|
420
|
+
display: none;
|
|
210
421
|
}
|
|
211
422
|
|
|
212
|
-
.video-js.
|
|
423
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
213
424
|
display: none
|
|
214
425
|
}
|
|
215
|
-
.video-js.
|
|
426
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
216
427
|
display: none
|
|
217
428
|
}
|
|
218
429
|
|
|
219
|
-
.video-js.
|
|
430
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
220
431
|
display: flex;
|
|
221
432
|
align-items: center;
|
|
222
433
|
font-weight: 700;
|
|
@@ -224,26 +435,26 @@
|
|
|
224
435
|
min-width: 1.2em;
|
|
225
436
|
}
|
|
226
437
|
|
|
227
|
-
.video-js.
|
|
438
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
228
439
|
display: none;
|
|
229
440
|
font-size: 11px;
|
|
230
441
|
justify-content: center;
|
|
231
442
|
align-items: center;
|
|
232
443
|
user-select: none;
|
|
233
444
|
}
|
|
234
|
-
.video-js.
|
|
445
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
235
446
|
display: none;
|
|
236
447
|
}
|
|
237
448
|
|
|
238
|
-
.video-js.
|
|
449
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
239
450
|
height: min-content;
|
|
240
451
|
width: min-content;
|
|
241
452
|
}
|
|
242
|
-
.video-js.
|
|
453
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
243
454
|
width: 6em;
|
|
244
455
|
}
|
|
245
456
|
|
|
246
|
-
.video-js.
|
|
457
|
+
.video-js.skin_news_live .content{
|
|
247
458
|
bottom: 3.4rem !important;
|
|
248
459
|
right: -4rem !important;
|
|
249
460
|
}
|
|
@@ -262,15 +473,16 @@
|
|
|
262
473
|
pointer-events:none
|
|
263
474
|
}
|
|
264
475
|
|
|
265
|
-
.video-js.
|
|
476
|
+
.video-js.skin_news_live iframe{
|
|
266
477
|
width: 100%;
|
|
267
478
|
height: 100%;
|
|
268
479
|
}
|
|
269
480
|
|
|
270
|
-
.video-js.
|
|
481
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
271
482
|
align-items: center;
|
|
483
|
+
display: none;
|
|
272
484
|
}
|
|
273
|
-
.video-js.
|
|
485
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
274
486
|
height: 2.2em;
|
|
275
487
|
display: flex;
|
|
276
488
|
align-items: center;
|
|
@@ -281,43 +493,22 @@
|
|
|
281
493
|
margin: 4px 0px 4px 12px;
|
|
282
494
|
}
|
|
283
495
|
|
|
284
|
-
.video-js.
|
|
496
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
285
497
|
text-shadow: none;
|
|
286
498
|
}
|
|
287
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
288
|
-
display: none;
|
|
289
|
-
font-size: 12px;
|
|
290
|
-
}
|
|
291
499
|
|
|
292
|
-
.video-js.
|
|
293
|
-
|
|
294
|
-
display: inline-flex;
|
|
295
|
-
align-items: center;
|
|
296
|
-
/* font-family: monospace; */
|
|
500
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
501
|
+
display: flex;
|
|
297
502
|
justify-content: center;
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
padding: 0px 6px;
|
|
302
|
-
font-size: 1.2em;
|
|
303
|
-
font-weight: 500;
|
|
304
|
-
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";
|
|
503
|
+
min-width: 5.3em;
|
|
504
|
+
pointer-events: none;
|
|
505
|
+
user-select: none;
|
|
312
506
|
}
|
|
313
507
|
|
|
314
|
-
.video-js.
|
|
315
|
-
|
|
508
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
509
|
+
color: white;
|
|
316
510
|
}
|
|
317
511
|
|
|
318
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
319
|
-
content: "NOT LIVE";
|
|
320
|
-
}
|
|
321
512
|
|
|
322
513
|
.settings-selection.vjs-control.vjs-button{
|
|
323
514
|
display: flex !important;
|
|
@@ -334,57 +525,57 @@
|
|
|
334
525
|
.tvProviderImage{
|
|
335
526
|
display: none
|
|
336
527
|
}
|
|
337
|
-
.video-js.
|
|
528
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
338
529
|
.icon-maximize {
|
|
339
530
|
height: 30px !important;
|
|
340
531
|
}
|
|
341
532
|
|
|
342
|
-
.video-js.
|
|
533
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
343
534
|
.icon-minimize {
|
|
344
535
|
height: 30px !important;
|
|
345
536
|
}
|
|
346
|
-
.video-js.
|
|
537
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
347
538
|
width: 4.5em;
|
|
348
539
|
}
|
|
349
|
-
.video-js.
|
|
540
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
350
541
|
height: min-content;
|
|
351
542
|
}
|
|
352
543
|
|
|
353
|
-
.video-js.
|
|
544
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
354
545
|
display: none;
|
|
355
546
|
}
|
|
356
|
-
.video-js.
|
|
547
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
357
548
|
display: none;
|
|
358
549
|
}
|
|
359
|
-
.video-js.
|
|
550
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
360
551
|
height: 20px;
|
|
361
552
|
}
|
|
362
|
-
.video-js.
|
|
553
|
+
.video-js.skin_news_live .vjs-button{
|
|
363
554
|
width: 4.8em;
|
|
364
555
|
}
|
|
365
|
-
.video-js.
|
|
556
|
+
.video-js.skin_news_live .widget-selection{
|
|
366
557
|
display: none;
|
|
367
558
|
}
|
|
368
|
-
.video-js.
|
|
559
|
+
.video-js.skin_news_live .container{
|
|
369
560
|
display: none !important;
|
|
370
561
|
}
|
|
371
|
-
.video-js.
|
|
562
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
372
563
|
height: 4em !important;
|
|
373
564
|
}
|
|
374
|
-
.video-js.
|
|
565
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
375
566
|
font-size: 2.5em;
|
|
376
567
|
line-height: 1.5;
|
|
377
568
|
}
|
|
378
|
-
.video-js.
|
|
569
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
379
570
|
font-size: 1.2em;
|
|
380
571
|
position: absolute;
|
|
381
572
|
right: -0.5em;
|
|
382
573
|
z-index: 1;
|
|
383
574
|
}
|
|
384
|
-
.video-js.
|
|
575
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
385
576
|
height: 20px;
|
|
386
577
|
}
|
|
387
|
-
.video-js.
|
|
578
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
388
579
|
width: 50px !important;
|
|
389
580
|
height: 50px !important;
|
|
390
581
|
font-size: 2.1rem !important;
|
|
@@ -394,337 +585,123 @@
|
|
|
394
585
|
width: 24px;
|
|
395
586
|
height: 24px;
|
|
396
587
|
}
|
|
397
|
-
.video-js.
|
|
398
|
-
margin: 0 12px 0 12px;
|
|
399
|
-
}
|
|
400
|
-
.video-js.skin_news .vjs-seek-to-live-text{
|
|
401
|
-
font-size: 12px;
|
|
402
|
-
}
|
|
403
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
404
|
-
margin: 0 12px 0 12px;
|
|
405
|
-
}
|
|
406
|
-
}
|
|
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;
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
425
|
-
display: flex;
|
|
426
|
-
justify-content: center;
|
|
427
|
-
align-items: center;
|
|
428
|
-
height: 100%;
|
|
429
|
-
transition: width 0.1s;
|
|
430
|
-
}
|
|
431
|
-
|
|
432
|
-
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
433
|
-
display: flex;
|
|
434
|
-
justify-content: center;
|
|
435
|
-
align-items: center;
|
|
436
|
-
height: 100%;
|
|
437
|
-
transition: width 0.1s;
|
|
438
|
-
}
|
|
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;
|
|
445
|
-
}
|
|
446
|
-
|
|
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{
|
|
452
|
-
height: 5px !important;
|
|
453
|
-
}
|
|
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
|
-
|
|
460
|
-
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
461
|
-
display: none;
|
|
462
|
-
}
|
|
463
|
-
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
464
|
-
bottom: 2.4em !important;
|
|
465
|
-
right: -1em;
|
|
466
|
-
z-index: 1;
|
|
467
|
-
}
|
|
468
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
469
|
-
display: none !important;
|
|
470
|
-
}
|
|
471
|
-
|
|
472
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
473
|
-
color: white;
|
|
474
|
-
font-size: 13px;
|
|
475
|
-
background-color: black;
|
|
476
|
-
}
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
480
|
-
color: white;
|
|
481
|
-
font-size: 16px;
|
|
482
|
-
background-color: black;
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
486
|
-
margin-bottom: 2rem !important;
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
490
|
-
font-size: 18px !important;
|
|
491
|
-
}
|
|
492
|
-
|
|
493
|
-
|
|
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
|
-
}
|
|
500
|
-
|
|
501
|
-
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
502
|
-
content: none !important;
|
|
503
|
-
fill: none !important;
|
|
504
|
-
filter: none !important;
|
|
505
|
-
}
|
|
506
|
-
|
|
507
|
-
/* svg icons opacity and hover effect */
|
|
508
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
509
|
-
opacity: 0.7 !important;
|
|
510
|
-
}
|
|
511
|
-
|
|
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{
|
|
519
|
-
opacity: 1 !important;
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
523
|
-
color: rgba(255, 255, 2555, 0.7)!important;
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
527
|
-
color: rgba(255, 255, 2555, 1)!important;
|
|
528
|
-
}
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
533
|
-
height: 0.7em;
|
|
534
|
-
position: absolute;
|
|
535
|
-
top: -0.7em;
|
|
536
|
-
width: 100%;
|
|
537
|
-
}
|
|
538
|
-
|
|
539
|
-
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
540
|
-
height: 100%;
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
544
|
-
line-height: 2.5;
|
|
545
|
-
}
|
|
546
|
-
|
|
547
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
548
|
-
height: 19px;
|
|
549
|
-
width: 19px;
|
|
550
|
-
cursor: pointer;
|
|
551
|
-
}
|
|
552
|
-
.video-js.skin_vlone .vjs-control {
|
|
553
|
-
user-select: none;
|
|
554
|
-
}
|
|
555
|
-
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
556
|
-
user-select: none;
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
560
|
-
height: 19px;
|
|
561
|
-
width: 19px;
|
|
562
|
-
cursor: pointer;
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
.video-js.skin_vlone .vjs-play-progress:before {
|
|
566
|
-
display: none !important;
|
|
567
|
-
}
|
|
568
|
-
|
|
569
|
-
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
570
|
-
margin: 0 !important;
|
|
571
|
-
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
576
|
-
display: block;
|
|
577
|
-
flex: 1 1 auto;
|
|
588
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
589
|
+
margin: 0 12px 0 12px;
|
|
578
590
|
}
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
z-index: 1;
|
|
591
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
592
|
+
font-size: 12px;
|
|
582
593
|
}
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
.video-js.skin_vlone .vjs-control-bar {
|
|
586
|
-
height: 40px;
|
|
594
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
595
|
+
margin: 0 12px 0 12px;
|
|
587
596
|
}
|
|
588
|
-
|
|
589
|
-
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
590
|
-
.vjs-button>.vjs-icon-placeholder:before {
|
|
591
|
-
position: relative !important;
|
|
592
597
|
}
|
|
593
|
-
.video-js.
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
598
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
599
|
+
width: 90px;
|
|
600
|
+
height: 90px;
|
|
601
|
+
display: flex;
|
|
602
|
+
justify-content: center;
|
|
603
|
+
align-items: center;
|
|
604
|
+
border-radius: 50%;
|
|
605
|
+
position: absolute;
|
|
606
|
+
top: 0;
|
|
607
|
+
left: 0;
|
|
608
|
+
right: 0;
|
|
609
|
+
bottom: 0;
|
|
610
|
+
margin: auto;
|
|
611
|
+
font-size: 6em;
|
|
612
|
+
line-height: 1.4em;
|
|
597
613
|
}
|
|
598
614
|
|
|
599
|
-
.vjs-
|
|
600
|
-
|
|
615
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
616
|
+
display: flex;
|
|
617
|
+
justify-content: center;
|
|
618
|
+
align-items: center;
|
|
619
|
+
height: 100%;
|
|
620
|
+
transition: width 0.1s;
|
|
601
621
|
}
|
|
602
622
|
|
|
603
|
-
.video-js.
|
|
604
|
-
|
|
623
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
624
|
+
display: flex;
|
|
625
|
+
justify-content: center;
|
|
626
|
+
align-items: center;
|
|
627
|
+
height: 100%;
|
|
628
|
+
transition: width 0.1s;
|
|
605
629
|
}
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
bottom: 10px !important;
|
|
630
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
631
|
+
display: none !important;
|
|
609
632
|
}
|
|
610
633
|
|
|
634
|
+
@media (max-width: 576px) {
|
|
635
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
636
|
+
height: 5px !important;
|
|
637
|
+
}
|
|
638
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
639
|
+
width: 50px !important;
|
|
640
|
+
height: 50px !important;
|
|
641
|
+
font-size: 2.1rem !important;
|
|
642
|
+
}
|
|
611
643
|
|
|
612
|
-
.
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
644
|
+
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
645
|
+
display: none;
|
|
646
|
+
}
|
|
647
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
648
|
+
bottom: 2.4em !important;
|
|
649
|
+
right: -1em;
|
|
650
|
+
z-index: 1;
|
|
617
651
|
}
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
652
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
621
653
|
display: none !important;
|
|
622
|
-
}
|
|
654
|
+
}
|
|
623
655
|
|
|
624
|
-
.video-js.
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
656
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
657
|
+
color: white !important;
|
|
658
|
+
font-size: 13px !important;
|
|
659
|
+
background-color: black !important;
|
|
660
|
+
}
|
|
629
661
|
}
|
|
630
662
|
|
|
631
|
-
.video-js.
|
|
632
|
-
|
|
633
|
-
font-size: 1.1em;
|
|
634
|
-
min-width: 4em;
|
|
663
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
664
|
+
width: 100% !important;
|
|
635
665
|
}
|
|
636
666
|
|
|
637
|
-
.video-js.
|
|
638
|
-
|
|
639
|
-
|
|
667
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
668
|
+
color: white !important;
|
|
669
|
+
font-size: 16px !important;
|
|
670
|
+
background-color: black !important;
|
|
640
671
|
}
|
|
641
672
|
|
|
642
|
-
.video-js.
|
|
643
|
-
|
|
644
|
-
}
|
|
645
|
-
.video-js.skin_vlone .vjs-live-display{
|
|
646
|
-
height: 2.2em;
|
|
647
|
-
display: flex;
|
|
648
|
-
align-items: center;
|
|
649
|
-
font-family: monospace;
|
|
650
|
-
width: 4em;
|
|
651
|
-
justify-content: center;
|
|
652
|
-
background: red;
|
|
653
|
-
margin: 4px 0px 4px 12px;
|
|
654
|
-
}
|
|
655
|
-
.video-js.skin_vlone .vjs-live-display:hover{
|
|
656
|
-
cursor: pointer;
|
|
673
|
+
.video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
674
|
+
margin-bottom: 2rem !important;
|
|
657
675
|
}
|
|
658
676
|
|
|
659
|
-
.video-js.
|
|
660
|
-
|
|
661
|
-
font-size: 1.1em !important;
|
|
662
|
-
width: min-content !important;
|
|
663
|
-
min-width: 1.5em;
|
|
664
|
-
padding: 0 !important;
|
|
665
|
-
user-select: none;
|
|
677
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml p {
|
|
678
|
+
font-size: 18px !important;
|
|
666
679
|
}
|
|
667
680
|
|
|
668
|
-
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
669
|
-
margin-left: 16px !important;
|
|
670
|
-
}
|
|
671
681
|
|
|
672
|
-
.video-js.
|
|
673
|
-
.video-js.
|
|
682
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
683
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
674
684
|
font-size: 1.2em !important;
|
|
675
685
|
line-height: 1.5em !important;
|
|
676
686
|
padding: 0.2em 0.8em !important;
|
|
677
687
|
}
|
|
678
688
|
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
height: 80px;
|
|
684
|
-
display: flex;
|
|
685
|
-
justify-content: center;
|
|
686
|
-
align-items: center;
|
|
687
|
-
border: none;
|
|
688
|
-
position: absolute;
|
|
689
|
-
top: 0;
|
|
690
|
-
left: 0;
|
|
691
|
-
right: 0;
|
|
692
|
-
bottom: 0;
|
|
693
|
-
margin: auto;
|
|
694
|
-
font-size: 5em;
|
|
695
|
-
line-height: 1.3em;
|
|
696
|
-
transform: none !important;
|
|
697
|
-
border-radius: 1.3em;
|
|
698
|
-
}
|
|
699
|
-
.video-js.skin_vlone .ssai-ad-container{
|
|
700
|
-
position: absolute;
|
|
701
|
-
bottom: 4px;
|
|
689
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
690
|
+
content: none !important;
|
|
691
|
+
fill: none !important;
|
|
692
|
+
filter: none !important;
|
|
702
693
|
}
|
|
703
|
-
|
|
704
|
-
@media(max-width:600px){
|
|
705
|
-
.video-js.skin_vlone button.vjs-big-play-button {
|
|
706
|
-
width: 50px !important;
|
|
707
|
-
height: 50px !important;
|
|
708
|
-
font-size: 2.1rem !important;
|
|
709
|
-
}
|
|
710
694
|
|
|
711
|
-
.video-js.
|
|
712
|
-
|
|
713
|
-
bottom: 2px;
|
|
714
|
-
}
|
|
715
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
716
|
-
display: none;
|
|
695
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
696
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
717
697
|
}
|
|
718
698
|
|
|
719
|
-
.video-js.
|
|
720
|
-
|
|
699
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
700
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
721
701
|
}
|
|
722
702
|
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
}
|
|
726
|
-
}
|
|
727
|
-
|
|
703
|
+
|
|
704
|
+
|
|
728
705
|
|
|
729
706
|
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
|
|
730
707
|
font-size: 2.2em;
|
|
@@ -1196,6 +1173,7 @@
|
|
|
1196
1173
|
|
|
1197
1174
|
|
|
1198
1175
|
|
|
1176
|
+
|
|
1199
1177
|
.video-js.skin_cn_news .vjs-control-bar {
|
|
1200
1178
|
z-index: 1 !important;
|
|
1201
1179
|
height: auto !important;
|
|
@@ -1528,31 +1506,31 @@
|
|
|
1528
1506
|
}
|
|
1529
1507
|
}
|
|
1530
1508
|
|
|
1531
|
-
.video-js.
|
|
1509
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
1532
1510
|
font-size: 2.2em;
|
|
1533
1511
|
line-height: 2.6;
|
|
1534
1512
|
}
|
|
1535
|
-
.video-js.
|
|
1536
|
-
background:
|
|
1513
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
1514
|
+
background: white;
|
|
1537
1515
|
}
|
|
1538
|
-
.video-js.
|
|
1516
|
+
.video-js.skin_news .vjs-control-bar{
|
|
1539
1517
|
z-index: 1 !important;
|
|
1540
1518
|
height: 5em !important;
|
|
1541
1519
|
background: black !important;
|
|
1542
1520
|
}
|
|
1543
|
-
.video-js.
|
|
1521
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
1544
1522
|
display: flex;
|
|
1545
1523
|
align-items: center;
|
|
1546
1524
|
justify-content: center;
|
|
1547
1525
|
}
|
|
1548
1526
|
|
|
1549
|
-
.video-js.
|
|
1527
|
+
.video-js.skin_news .vjs-fade>* {
|
|
1550
1528
|
visibility: hidden !important;
|
|
1551
1529
|
opacity: 0 !important;
|
|
1552
1530
|
transition: visibility 1s, opacity 1s !important;
|
|
1553
1531
|
}
|
|
1554
1532
|
|
|
1555
|
-
.video-js.
|
|
1533
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
1556
1534
|
position: absolute;
|
|
1557
1535
|
width: 100%;
|
|
1558
1536
|
display: flex;
|
|
@@ -1560,7 +1538,7 @@
|
|
|
1560
1538
|
top: -0.5em;
|
|
1561
1539
|
}
|
|
1562
1540
|
|
|
1563
|
-
.video-js.
|
|
1541
|
+
.video-js.skin_news .vjs-progress-control {
|
|
1564
1542
|
/* left: -6px; */
|
|
1565
1543
|
position: relative;
|
|
1566
1544
|
width: 100%;
|
|
@@ -1568,25 +1546,22 @@
|
|
|
1568
1546
|
transition: height 0.1s, top 0.1s;
|
|
1569
1547
|
}
|
|
1570
1548
|
|
|
1571
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
1572
|
-
min-width: 5.3em;
|
|
1573
|
-
}
|
|
1574
1549
|
|
|
1575
1550
|
|
|
1576
1551
|
|
|
1577
|
-
.video-js.
|
|
1578
|
-
|
|
1579
|
-
|
|
1552
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
1553
|
+
display: block;
|
|
1554
|
+
flex: 1 1 auto;
|
|
1580
1555
|
}
|
|
1581
1556
|
|
|
1582
|
-
.video-js.
|
|
1557
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
1583
1558
|
margin: 0 0px 0 0px;
|
|
1584
1559
|
}
|
|
1585
|
-
.video-js.
|
|
1560
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1586
1561
|
display: none;
|
|
1587
1562
|
}
|
|
1588
1563
|
|
|
1589
|
-
.video-js.
|
|
1564
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
1590
1565
|
font-size: 14px;
|
|
1591
1566
|
font-weight: 500;
|
|
1592
1567
|
align-self: center;
|
|
@@ -1595,30 +1570,30 @@
|
|
|
1595
1570
|
border-radius: 8px;
|
|
1596
1571
|
}
|
|
1597
1572
|
|
|
1598
|
-
.video-js.
|
|
1573
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1599
1574
|
height: 6px !important;
|
|
1600
1575
|
}
|
|
1601
1576
|
|
|
1602
|
-
.video-js.
|
|
1577
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
1603
1578
|
font-size: 1.5em;
|
|
1604
1579
|
line-height: unset;
|
|
1605
1580
|
top: -0.3333333333em;
|
|
1606
1581
|
}
|
|
1607
1582
|
|
|
1608
|
-
.video-js.
|
|
1583
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
1609
1584
|
display: none !important;
|
|
1610
1585
|
}
|
|
1611
1586
|
|
|
1612
1587
|
/* */
|
|
1613
|
-
.video-js.
|
|
1588
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
1614
1589
|
font-size: 1.6666666667em;
|
|
1615
1590
|
}
|
|
1616
1591
|
|
|
1617
|
-
.video-js.
|
|
1592
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
1618
1593
|
font-size: 1em !important;
|
|
1619
1594
|
}
|
|
1620
1595
|
|
|
1621
|
-
.video-js.
|
|
1596
|
+
.video-js.skin_news .vjs-button{
|
|
1622
1597
|
width: 5.3em;
|
|
1623
1598
|
display: flex;
|
|
1624
1599
|
align-items: center;
|
|
@@ -1626,71 +1601,63 @@
|
|
|
1626
1601
|
}
|
|
1627
1602
|
|
|
1628
1603
|
|
|
1629
|
-
.video-js.
|
|
1604
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
1630
1605
|
.icon-maximize {
|
|
1631
1606
|
display: block;
|
|
1632
1607
|
height: 32px;
|
|
1633
1608
|
}
|
|
1634
1609
|
|
|
1635
|
-
.video-js.
|
|
1610
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
1636
1611
|
line-height: 4;
|
|
1637
1612
|
}
|
|
1638
1613
|
|
|
1639
|
-
.video-js.
|
|
1614
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
1640
1615
|
.icon-minimize {
|
|
1641
1616
|
display: none;
|
|
1642
1617
|
height: 32px;
|
|
1643
1618
|
}
|
|
1644
1619
|
|
|
1645
|
-
.video-js.
|
|
1620
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
1646
1621
|
outline: none !important;
|
|
1647
|
-
/* flex: 1; */
|
|
1648
|
-
}
|
|
1649
|
-
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
1650
|
-
display: flex;
|
|
1651
|
-
flex: 1;
|
|
1652
|
-
justify-content: center;
|
|
1653
1622
|
}
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1623
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
1657
1624
|
.vjs-icon-fullscreen-enter:before {
|
|
1658
1625
|
/* content: '' !important; */
|
|
1659
1626
|
}
|
|
1660
1627
|
|
|
1661
|
-
.video-js.
|
|
1628
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
1662
1629
|
display: flex;
|
|
1663
1630
|
justify-content: center;
|
|
1664
1631
|
align-items: center;
|
|
1665
1632
|
/* transform: rotate(90deg); */
|
|
1666
1633
|
}
|
|
1667
1634
|
|
|
1668
|
-
.video-js.
|
|
1635
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
1669
1636
|
display: none;
|
|
1670
1637
|
}
|
|
1671
|
-
.video-js.
|
|
1638
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
1672
1639
|
margin-left: -10px;
|
|
1673
1640
|
}
|
|
1674
1641
|
|
|
1675
|
-
.video-js.
|
|
1642
|
+
.video-js.skin_news .skipbtn:hover{
|
|
1676
1643
|
cursor: pointer;
|
|
1677
1644
|
}
|
|
1678
1645
|
|
|
1679
|
-
.video-js.
|
|
1646
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
1680
1647
|
cursor: pointer;
|
|
1681
1648
|
}
|
|
1682
1649
|
|
|
1683
|
-
.video-js.
|
|
1650
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
1684
1651
|
position: relative;
|
|
1685
1652
|
padding-left: 0;
|
|
1686
1653
|
}
|
|
1687
1654
|
|
|
1688
|
-
.video-js.
|
|
1655
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
1689
1656
|
display: none !important;
|
|
1690
1657
|
}
|
|
1691
1658
|
|
|
1692
|
-
.video-js.
|
|
1693
|
-
|
|
1659
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
1660
|
+
width: 90px;
|
|
1694
1661
|
height: 90px;
|
|
1695
1662
|
display: flex;
|
|
1696
1663
|
justify-content: center;
|
|
@@ -1705,20 +1672,19 @@
|
|
|
1705
1672
|
font-size: 6em;
|
|
1706
1673
|
line-height: 1.4em;
|
|
1707
1674
|
border: 0.05em solid;
|
|
1708
|
-
color: inherit;
|
|
1709
|
-
display: none !important;
|
|
1675
|
+
color: inherit;
|
|
1710
1676
|
}
|
|
1711
|
-
.video-js.
|
|
1677
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
1712
1678
|
font-weight: bold;
|
|
1713
1679
|
}
|
|
1714
1680
|
|
|
1715
|
-
.video-js.
|
|
1681
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
1716
1682
|
bottom: 2.4em !important;
|
|
1717
1683
|
right: -1em;
|
|
1718
1684
|
z-index: 1;
|
|
1719
1685
|
}
|
|
1720
1686
|
|
|
1721
|
-
.video-js.
|
|
1687
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
1722
1688
|
width: 24px !important;
|
|
1723
1689
|
height: 24px !important;
|
|
1724
1690
|
}
|
|
@@ -1728,34 +1694,34 @@
|
|
|
1728
1694
|
}
|
|
1729
1695
|
|
|
1730
1696
|
|
|
1731
|
-
.video-js.
|
|
1697
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
1732
1698
|
cursor: pointer;
|
|
1733
1699
|
}
|
|
1734
1700
|
|
|
1735
|
-
.video-js.
|
|
1701
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
1736
1702
|
padding-right: 0;
|
|
1737
|
-
display: none;
|
|
1738
1703
|
}
|
|
1739
1704
|
|
|
1740
|
-
.video-js.
|
|
1705
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
1741
1706
|
padding-left: 0;
|
|
1742
|
-
display: none;
|
|
1743
1707
|
}
|
|
1744
1708
|
|
|
1745
|
-
.video-js.
|
|
1709
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
1746
1710
|
padding-left: 0;
|
|
1747
1711
|
padding-right: 0;
|
|
1748
|
-
display:
|
|
1712
|
+
display: flex;
|
|
1713
|
+
justify-content: center;
|
|
1714
|
+
width: min-content;
|
|
1749
1715
|
}
|
|
1750
1716
|
|
|
1751
|
-
.video-js.
|
|
1717
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
1752
1718
|
display: none
|
|
1753
1719
|
}
|
|
1754
|
-
.video-js.
|
|
1720
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
1755
1721
|
display: none
|
|
1756
1722
|
}
|
|
1757
1723
|
|
|
1758
|
-
.video-js.
|
|
1724
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
1759
1725
|
display: flex;
|
|
1760
1726
|
align-items: center;
|
|
1761
1727
|
font-weight: 700;
|
|
@@ -1763,26 +1729,26 @@
|
|
|
1763
1729
|
min-width: 1.2em;
|
|
1764
1730
|
}
|
|
1765
1731
|
|
|
1766
|
-
.video-js.
|
|
1732
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
1767
1733
|
display: none;
|
|
1768
1734
|
font-size: 11px;
|
|
1769
1735
|
justify-content: center;
|
|
1770
1736
|
align-items: center;
|
|
1771
1737
|
user-select: none;
|
|
1772
1738
|
}
|
|
1773
|
-
.video-js.
|
|
1739
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1774
1740
|
display: none;
|
|
1775
1741
|
}
|
|
1776
1742
|
|
|
1777
|
-
.video-js.
|
|
1743
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
1778
1744
|
height: min-content;
|
|
1779
1745
|
width: min-content;
|
|
1780
1746
|
}
|
|
1781
|
-
.video-js.
|
|
1747
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1782
1748
|
width: 6em;
|
|
1783
1749
|
}
|
|
1784
1750
|
|
|
1785
|
-
.video-js.
|
|
1751
|
+
.video-js.skin_news .content{
|
|
1786
1752
|
bottom: 3.4rem !important;
|
|
1787
1753
|
right: -4rem !important;
|
|
1788
1754
|
}
|
|
@@ -1801,16 +1767,15 @@
|
|
|
1801
1767
|
pointer-events:none
|
|
1802
1768
|
}
|
|
1803
1769
|
|
|
1804
|
-
.video-js.
|
|
1770
|
+
.video-js.skin_news iframe{
|
|
1805
1771
|
width: 100%;
|
|
1806
1772
|
height: 100%;
|
|
1807
1773
|
}
|
|
1808
1774
|
|
|
1809
|
-
.video-js.
|
|
1775
|
+
.video-js.skin_news .vjs-live-control{
|
|
1810
1776
|
align-items: center;
|
|
1811
|
-
display: none;
|
|
1812
1777
|
}
|
|
1813
|
-
.video-js.
|
|
1778
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
1814
1779
|
height: 2.2em;
|
|
1815
1780
|
display: flex;
|
|
1816
1781
|
align-items: center;
|
|
@@ -1821,22 +1786,43 @@
|
|
|
1821
1786
|
margin: 4px 0px 4px 12px;
|
|
1822
1787
|
}
|
|
1823
1788
|
|
|
1824
|
-
.video-js.
|
|
1789
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
1825
1790
|
text-shadow: none;
|
|
1826
1791
|
}
|
|
1792
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
1793
|
+
display: none;
|
|
1794
|
+
font-size: 12px;
|
|
1795
|
+
}
|
|
1827
1796
|
|
|
1828
|
-
.video-js.
|
|
1829
|
-
|
|
1797
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
1798
|
+
height: 2.2em;
|
|
1799
|
+
display: inline-flex;
|
|
1800
|
+
align-items: center;
|
|
1801
|
+
/* font-family: monospace; */
|
|
1830
1802
|
justify-content: center;
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1803
|
+
border: 2px solid;
|
|
1804
|
+
margin: 4px 0px 4px 6px;
|
|
1805
|
+
white-space: pre;
|
|
1806
|
+
padding: 0px 6px;
|
|
1807
|
+
font-size: 1.2em;
|
|
1808
|
+
font-weight: 500;
|
|
1809
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
1810
|
+
|
|
1811
|
+
letter-spacing: -.1px;
|
|
1812
|
+
line-height: normal;
|
|
1813
|
+
text-transform: uppercase;
|
|
1814
|
+
color: #FFFFFF;
|
|
1815
|
+
opacity: .7;
|
|
1816
|
+
font-family: "Proxima Nova";
|
|
1834
1817
|
}
|
|
1835
1818
|
|
|
1836
|
-
.video-js.
|
|
1837
|
-
|
|
1819
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
1820
|
+
opacity: 1;
|
|
1838
1821
|
}
|
|
1839
1822
|
|
|
1823
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
1824
|
+
content: "NOT LIVE";
|
|
1825
|
+
}
|
|
1840
1826
|
|
|
1841
1827
|
.settings-selection.vjs-control.vjs-button{
|
|
1842
1828
|
display: flex !important;
|
|
@@ -1853,57 +1839,57 @@
|
|
|
1853
1839
|
.tvProviderImage{
|
|
1854
1840
|
display: none
|
|
1855
1841
|
}
|
|
1856
|
-
.video-js.
|
|
1842
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
1857
1843
|
.icon-maximize {
|
|
1858
1844
|
height: 30px !important;
|
|
1859
1845
|
}
|
|
1860
1846
|
|
|
1861
|
-
.video-js.
|
|
1847
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
1862
1848
|
.icon-minimize {
|
|
1863
1849
|
height: 30px !important;
|
|
1864
1850
|
}
|
|
1865
|
-
.video-js.
|
|
1851
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1866
1852
|
width: 4.5em;
|
|
1867
1853
|
}
|
|
1868
|
-
.video-js.
|
|
1854
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
1869
1855
|
height: min-content;
|
|
1870
1856
|
}
|
|
1871
1857
|
|
|
1872
|
-
.video-js.
|
|
1858
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
1873
1859
|
display: none;
|
|
1874
1860
|
}
|
|
1875
|
-
.video-js.
|
|
1861
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
1876
1862
|
display: none;
|
|
1877
1863
|
}
|
|
1878
|
-
.video-js.
|
|
1864
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
1879
1865
|
height: 20px;
|
|
1880
1866
|
}
|
|
1881
|
-
.video-js.
|
|
1867
|
+
.video-js.skin_news .vjs-button{
|
|
1882
1868
|
width: 4.8em;
|
|
1883
1869
|
}
|
|
1884
|
-
.video-js.
|
|
1870
|
+
.video-js.skin_news .widget-selection{
|
|
1885
1871
|
display: none;
|
|
1886
1872
|
}
|
|
1887
|
-
.video-js.
|
|
1873
|
+
.video-js.skin_news .container{
|
|
1888
1874
|
display: none !important;
|
|
1889
1875
|
}
|
|
1890
|
-
.video-js.
|
|
1876
|
+
.video-js.skin_news .vjs-control-bar{
|
|
1891
1877
|
height: 4em !important;
|
|
1892
1878
|
}
|
|
1893
|
-
.video-js.
|
|
1879
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
1894
1880
|
font-size: 2.5em;
|
|
1895
1881
|
line-height: 1.5;
|
|
1896
1882
|
}
|
|
1897
|
-
.video-js.
|
|
1883
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
1898
1884
|
font-size: 1.2em;
|
|
1899
1885
|
position: absolute;
|
|
1900
1886
|
right: -0.5em;
|
|
1901
1887
|
z-index: 1;
|
|
1902
1888
|
}
|
|
1903
|
-
.video-js.
|
|
1889
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
1904
1890
|
height: 20px;
|
|
1905
1891
|
}
|
|
1906
|
-
.video-js.
|
|
1892
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
1907
1893
|
width: 50px !important;
|
|
1908
1894
|
height: 50px !important;
|
|
1909
1895
|
font-size: 2.1rem !important;
|
|
@@ -1913,17 +1899,17 @@
|
|
|
1913
1899
|
width: 24px;
|
|
1914
1900
|
height: 24px;
|
|
1915
1901
|
}
|
|
1916
|
-
.video-js.
|
|
1902
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
1917
1903
|
margin: 0 12px 0 12px;
|
|
1918
1904
|
}
|
|
1919
|
-
.video-js.
|
|
1905
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
1920
1906
|
font-size: 12px;
|
|
1921
1907
|
}
|
|
1922
|
-
.video-js.
|
|
1908
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
1923
1909
|
margin: 0 12px 0 12px;
|
|
1924
1910
|
}
|
|
1925
1911
|
}
|
|
1926
|
-
.video-js.
|
|
1912
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
1927
1913
|
width: 90px;
|
|
1928
1914
|
height: 90px;
|
|
1929
1915
|
display: flex;
|
|
@@ -1940,7 +1926,7 @@
|
|
|
1940
1926
|
line-height: 1.4em;
|
|
1941
1927
|
}
|
|
1942
1928
|
|
|
1943
|
-
.video-js.
|
|
1929
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1944
1930
|
display: flex;
|
|
1945
1931
|
justify-content: center;
|
|
1946
1932
|
align-items: center;
|
|
@@ -1948,22 +1934,29 @@
|
|
|
1948
1934
|
transition: width 0.1s;
|
|
1949
1935
|
}
|
|
1950
1936
|
|
|
1951
|
-
.video-js.
|
|
1937
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1952
1938
|
display: flex;
|
|
1953
1939
|
justify-content: center;
|
|
1954
1940
|
align-items: center;
|
|
1955
1941
|
height: 100%;
|
|
1956
1942
|
transition: width 0.1s;
|
|
1957
1943
|
}
|
|
1958
|
-
.video-js.
|
|
1944
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1959
1945
|
display: none !important;
|
|
1960
1946
|
}
|
|
1947
|
+
.video-js.skin_news .ssai-ad-container{
|
|
1948
|
+
position: absolute;
|
|
1949
|
+
bottom: 14px;
|
|
1950
|
+
}
|
|
1961
1951
|
|
|
1962
1952
|
@media (max-width: 576px) {
|
|
1963
|
-
.video-js.
|
|
1953
|
+
.video-js.skin_news .ssai-ad-container{
|
|
1954
|
+
bottom: 2px;
|
|
1955
|
+
}
|
|
1956
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1964
1957
|
height: 5px !important;
|
|
1965
1958
|
}
|
|
1966
|
-
.video-js.
|
|
1959
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
1967
1960
|
width: 50px !important;
|
|
1968
1961
|
height: 50px !important;
|
|
1969
1962
|
font-size: 2.1rem !important;
|
|
@@ -1972,66 +1965,76 @@
|
|
|
1972
1965
|
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1973
1966
|
display: none;
|
|
1974
1967
|
}
|
|
1975
|
-
.video-js.
|
|
1968
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
1976
1969
|
bottom: 2.4em !important;
|
|
1977
1970
|
right: -1em;
|
|
1978
1971
|
z-index: 1;
|
|
1979
1972
|
}
|
|
1980
|
-
.video-js.
|
|
1973
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
1981
1974
|
display: none !important;
|
|
1982
1975
|
}
|
|
1983
1976
|
|
|
1984
|
-
.video-js.
|
|
1985
|
-
color: white
|
|
1986
|
-
font-size: 13px
|
|
1987
|
-
background-color: black
|
|
1977
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1978
|
+
color: white;
|
|
1979
|
+
font-size: 13px;
|
|
1980
|
+
background-color: black;
|
|
1988
1981
|
}
|
|
1989
1982
|
}
|
|
1990
1983
|
|
|
1991
|
-
.video-js.
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
1996
|
-
color: white !important;
|
|
1997
|
-
font-size: 16px !important;
|
|
1998
|
-
background-color: black !important;
|
|
1984
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
1985
|
+
color: white;
|
|
1986
|
+
font-size: 16px;
|
|
1987
|
+
background-color: black;
|
|
1999
1988
|
}
|
|
2000
1989
|
|
|
2001
|
-
.video-js.
|
|
1990
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
2002
1991
|
margin-bottom: 2rem !important;
|
|
2003
1992
|
}
|
|
2004
1993
|
|
|
2005
|
-
.video-js.
|
|
1994
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
2006
1995
|
font-size: 18px !important;
|
|
2007
1996
|
}
|
|
2008
1997
|
|
|
2009
1998
|
|
|
2010
|
-
.video-js.
|
|
2011
|
-
.video-js.
|
|
1999
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
2000
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
2012
2001
|
font-size: 1.2em !important;
|
|
2013
2002
|
line-height: 1.5em !important;
|
|
2014
2003
|
padding: 0.2em 0.8em !important;
|
|
2015
2004
|
}
|
|
2016
2005
|
|
|
2017
|
-
.video-js.
|
|
2006
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
2018
2007
|
content: none !important;
|
|
2019
2008
|
fill: none !important;
|
|
2020
2009
|
filter: none !important;
|
|
2021
2010
|
}
|
|
2022
2011
|
|
|
2023
|
-
|
|
2012
|
+
/* svg icons opacity and hover effect */
|
|
2013
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
2014
|
+
opacity: 0.7 !important;
|
|
2015
|
+
}
|
|
2016
|
+
|
|
2017
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
2018
|
+
opacity: 1 !important;
|
|
2019
|
+
}
|
|
2020
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
2021
|
+
opacity: 0.7 !important;
|
|
2022
|
+
}
|
|
2023
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
2024
|
+
opacity: 1 !important;
|
|
2025
|
+
}
|
|
2026
|
+
|
|
2027
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
2024
2028
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
2025
2029
|
}
|
|
2026
2030
|
|
|
2027
|
-
.video-js.
|
|
2031
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
2028
2032
|
color: rgba(255, 255, 2555, 1)!important;
|
|
2029
2033
|
}
|
|
2030
2034
|
|
|
2031
2035
|
|
|
2032
2036
|
|
|
2033
2037
|
|
|
2034
|
-
|
|
2035
2038
|
/* CSS for videojs-dvr-seekbar */
|
|
2036
2039
|
|
|
2037
2040
|
.video-js.vjs-dvr-seekbar {
|
|
@@ -2212,7 +2215,6 @@
|
|
|
2212
2215
|
|
|
2213
2216
|
|
|
2214
2217
|
|
|
2215
|
-
|
|
2216
2218
|
.video-js .multicamera-parent.default{
|
|
2217
2219
|
height: 345px;
|
|
2218
2220
|
position: absolute;
|
|
@@ -2294,6 +2296,7 @@
|
|
|
2294
2296
|
|
|
2295
2297
|
|
|
2296
2298
|
|
|
2299
|
+
|
|
2297
2300
|
.vjs-custom-big-mute.vjs-control{
|
|
2298
2301
|
position: absolute;
|
|
2299
2302
|
align-items: center;
|
|
@@ -3395,27 +3398,6 @@
|
|
|
3395
3398
|
}
|
|
3396
3399
|
|
|
3397
3400
|
/* Airplay end */
|
|
3398
|
-
|
|
3399
|
-
div:has(> .error-container){
|
|
3400
|
-
position: relative;
|
|
3401
|
-
}
|
|
3402
|
-
|
|
3403
|
-
.error-container{
|
|
3404
|
-
position: absolute;
|
|
3405
|
-
top: 0px;
|
|
3406
|
-
width: 100%;
|
|
3407
|
-
height: 100%;
|
|
3408
|
-
display: flex;
|
|
3409
|
-
flex-direction: column;
|
|
3410
|
-
justify-content: center;
|
|
3411
|
-
color: White;
|
|
3412
|
-
align-items: center;
|
|
3413
|
-
text-transform: uppercase;
|
|
3414
|
-
}
|
|
3415
|
-
|
|
3416
|
-
.error-timer-message{
|
|
3417
|
-
margin-left: 5px;
|
|
3418
|
-
}
|
|
3419
3401
|
/* Chapter markers on the seek bar.
|
|
3420
3402
|
* Uses a dedicated class (NOT .vjs-seekbar-marker) so chapter markers and SSAI
|
|
3421
3403
|
* ad markers coexist without clobbering each other's clear-and-rerender. */
|
|
@@ -3425,7 +3407,8 @@ div:has(> .error-container){
|
|
|
3425
3407
|
bottom: 0;
|
|
3426
3408
|
top: 0;
|
|
3427
3409
|
width: 2px;
|
|
3428
|
-
background-color:
|
|
3410
|
+
background-color: var(--vl-chapter-color, #fff);
|
|
3411
|
+
opacity: var(--vl-chapter-opacity, 1);
|
|
3429
3412
|
transform: translateX(-50%);
|
|
3430
3413
|
pointer-events: auto; /* clickable (ad markers use none) */
|
|
3431
3414
|
cursor: pointer;
|
|
@@ -3435,7 +3418,12 @@ div:has(> .error-container){
|
|
|
3435
3418
|
justify-content: center;
|
|
3436
3419
|
}
|
|
3437
3420
|
|
|
3421
|
+
.vjs-chapter-marker:hover {
|
|
3422
|
+
background-color: var(--vl-chapter-hover, #ccc);
|
|
3423
|
+
}
|
|
3424
|
+
|
|
3438
3425
|
.vjs-chapter-marker.vjs-chapter-marker--active {
|
|
3426
|
+
background-color: var(--vl-chapter-active, #0a5cff);
|
|
3439
3427
|
z-index: 3;
|
|
3440
3428
|
}
|
|
3441
3429
|
|
|
@@ -3465,7 +3453,7 @@ div:has(> .error-container){
|
|
|
3465
3453
|
bottom: 100%;
|
|
3466
3454
|
margin-bottom: 12px;
|
|
3467
3455
|
transform: translateX(-50%);
|
|
3468
|
-
background: rgba(0, 0, 0, 0.85);
|
|
3456
|
+
background: var(--vl-chapter-tooltip, rgba(0, 0, 0, 0.85));
|
|
3469
3457
|
color: #fff;
|
|
3470
3458
|
border-radius: 4px;
|
|
3471
3459
|
padding: 6px 8px;
|
|
@@ -3503,7 +3491,7 @@ div:has(> .error-container){
|
|
|
3503
3491
|
height: 0;
|
|
3504
3492
|
border-left: 6px solid transparent;
|
|
3505
3493
|
border-right: 6px solid transparent;
|
|
3506
|
-
border-top: 6px solid #000;
|
|
3494
|
+
border-top: 6px solid var(--vl-chapter-tooltip, #000);
|
|
3507
3495
|
}
|
|
3508
3496
|
|
|
3509
3497
|
/* Time line (negative-from-live for DVR, plain timestamp for VOD) above the label.
|
|
@@ -3513,3 +3501,25 @@ div:has(> .error-container){
|
|
|
3513
3501
|
text-align: left;
|
|
3514
3502
|
margin-bottom: 4px;
|
|
3515
3503
|
}
|
|
3504
|
+
|
|
3505
|
+
|
|
3506
|
+
div:has(> .error-container){
|
|
3507
|
+
position: relative;
|
|
3508
|
+
}
|
|
3509
|
+
|
|
3510
|
+
.error-container{
|
|
3511
|
+
position: absolute;
|
|
3512
|
+
top: 0px;
|
|
3513
|
+
width: 100%;
|
|
3514
|
+
height: 100%;
|
|
3515
|
+
display: flex;
|
|
3516
|
+
flex-direction: column;
|
|
3517
|
+
justify-content: center;
|
|
3518
|
+
color: White;
|
|
3519
|
+
align-items: center;
|
|
3520
|
+
text-transform: uppercase;
|
|
3521
|
+
}
|
|
3522
|
+
|
|
3523
|
+
.error-timer-message{
|
|
3524
|
+
margin-left: 5px;
|
|
3525
|
+
}
|