@viewlift/player-backup 2.0.285-backup → 2.0.287-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 +566 -566
- package/cjs/index-1c0aa450.js +1 -0
- package/cjs/index-63575bc4.js +1 -0
- package/cjs/index.js +1 -1
- package/cjs/skin-5d92ab3f.js +1 -0
- package/cjs/skin-7556b856.js +1 -0
- package/cjs/skin-83a765a8.js +1 -0
- package/cjs/skin-a25a2457.js +1 -0
- package/cjs/skin-f26ba21b.js +1 -0
- package/esm/bundle.css +566 -566
- package/esm/index-311464f3.js +1 -0
- package/esm/index-4e64ac09.js +1 -0
- package/esm/index.js +1 -1
- package/esm/skin-0b038d52.js +1 -0
- package/esm/skin-4f5a0ac7.js +1 -0
- package/esm/skin-9921582e.js +1 -0
- package/esm/skin-ab1ca6e2.js +1 -0
- package/esm/skin-dbb8c692.js +1 -0
- package/package.json +1 -4
package/cjs/bundle.css
CHANGED
|
@@ -3,31 +3,228 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
8
|
+
height: 0.7em;
|
|
9
|
+
position: absolute;
|
|
10
|
+
top: -0.7em;
|
|
11
|
+
width: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
15
|
+
height: 100%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
19
|
+
line-height: 2.5;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
23
|
+
height: 19px;
|
|
24
|
+
width: 19px;
|
|
25
|
+
cursor: pointer;
|
|
26
|
+
}
|
|
27
|
+
.video-js.skin_vlone .vjs-control {
|
|
28
|
+
user-select: none;
|
|
29
|
+
}
|
|
30
|
+
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
31
|
+
user-select: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
35
|
+
height: 19px;
|
|
36
|
+
width: 19px;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.video-js.skin_vlone .vjs-play-progress:before {
|
|
41
|
+
display: none !important;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
45
|
+
margin: 0 !important;
|
|
46
|
+
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
51
|
+
display: block;
|
|
52
|
+
flex: 1 1 auto;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
56
|
+
z-index: 1;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
.video-js.skin_vlone .vjs-control-bar {
|
|
61
|
+
height: 40px;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
|
|
65
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
66
|
+
position: relative !important;
|
|
67
|
+
}
|
|
68
|
+
.video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
|
|
69
|
+
display: flex;
|
|
70
|
+
left: 0px;
|
|
71
|
+
top: -1px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.vjs-button>.vjs-icon-placeholder:before {
|
|
75
|
+
font-size: 2em !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.video-js.skin_vlone .vjs-control {
|
|
79
|
+
width: 4.3em;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.vjs-menu-button-popup .vjs-menu {
|
|
83
|
+
bottom: 10px !important;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
|
|
88
|
+
height: 1.3em;
|
|
89
|
+
position: absolute;
|
|
90
|
+
top: -1.3em;
|
|
91
|
+
transition: height 0.3s, top 0.3s;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
.video-js.skin_vlone.vjs-live .vjs-time-control{
|
|
96
|
+
display: none !important;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
100
|
+
display: block;
|
|
101
|
+
}
|
|
102
|
+
.video-js.skin_vlone .vjs-remaining-time {
|
|
103
|
+
display: none;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
|
|
107
|
+
line-height: 3.5em;
|
|
108
|
+
font-size: 1.1em;
|
|
109
|
+
min-width: 4em;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.video-js.skin_vlone .vjs-time-divider > div{
|
|
113
|
+
display: flex;
|
|
114
|
+
justify-content: center;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.video-js.skin_vlone .vjs-live-control{
|
|
118
|
+
align-items: center;
|
|
119
|
+
}
|
|
120
|
+
.video-js.skin_vlone .vjs-live-display{
|
|
121
|
+
height: 2.2em;
|
|
122
|
+
display: flex;
|
|
123
|
+
align-items: center;
|
|
124
|
+
font-family: monospace;
|
|
125
|
+
width: 4em;
|
|
126
|
+
justify-content: center;
|
|
127
|
+
background: red;
|
|
128
|
+
margin: 4px 0px 4px 12px;
|
|
129
|
+
}
|
|
130
|
+
.video-js.skin_vlone .vjs-live-display:hover{
|
|
131
|
+
cursor: pointer;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.video-js.skin_vlone .vjs-time-control {
|
|
135
|
+
line-height: 3.5em !important;
|
|
136
|
+
font-size: 1.1em !important;
|
|
137
|
+
width: min-content !important;
|
|
138
|
+
min-width: 1.5em;
|
|
139
|
+
padding: 0 !important;
|
|
140
|
+
user-select: none;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
144
|
+
margin-left: 16px !important;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
148
|
+
.video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
149
|
+
font-size: 1.2em !important;
|
|
150
|
+
line-height: 1.5em !important;
|
|
151
|
+
padding: 0.2em 0.8em !important;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
/* Big play */
|
|
156
|
+
.video-js.skin_vlone.vjs-paused .vjs-big-play-button {
|
|
157
|
+
width: 80px;
|
|
158
|
+
height: 80px;
|
|
159
|
+
display: flex;
|
|
160
|
+
justify-content: center;
|
|
161
|
+
align-items: center;
|
|
162
|
+
border: none;
|
|
163
|
+
position: absolute;
|
|
164
|
+
top: 0;
|
|
165
|
+
left: 0;
|
|
166
|
+
right: 0;
|
|
167
|
+
bottom: 0;
|
|
168
|
+
margin: auto;
|
|
169
|
+
font-size: 5em;
|
|
170
|
+
line-height: 1.3em;
|
|
171
|
+
transform: none !important;
|
|
172
|
+
border-radius: 1.3em;
|
|
173
|
+
}
|
|
174
|
+
.video-js.skin_vlone .ssai-ad-container{
|
|
175
|
+
position: absolute;
|
|
176
|
+
bottom: 4px;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
@media(max-width:600px){
|
|
180
|
+
.video-js.skin_vlone button.vjs-big-play-button {
|
|
181
|
+
width: 50px !important;
|
|
182
|
+
height: 50px !important;
|
|
183
|
+
font-size: 2.1rem !important;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.video-js.skin_vlone .ssai-ad-container {
|
|
187
|
+
position: absolute;
|
|
188
|
+
bottom: 2px;
|
|
189
|
+
}
|
|
190
|
+
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
191
|
+
display: none;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
|
|
195
|
+
display: none;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
|
|
199
|
+
display: none;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
|
|
7
204
|
font-size: 2.2em;
|
|
8
205
|
line-height: 2.6;
|
|
9
206
|
}
|
|
10
|
-
.video-js.
|
|
11
|
-
background:
|
|
207
|
+
.video-js.skin_news .vjs-custom-big-mute.vjs-control{
|
|
208
|
+
background: white;
|
|
12
209
|
}
|
|
13
|
-
.video-js.
|
|
210
|
+
.video-js.skin_news .vjs-control-bar{
|
|
14
211
|
z-index: 1 !important;
|
|
15
212
|
height: 5em !important;
|
|
16
213
|
background: black !important;
|
|
17
214
|
}
|
|
18
|
-
.video-js.
|
|
215
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
19
216
|
display: flex;
|
|
20
217
|
align-items: center;
|
|
21
218
|
justify-content: center;
|
|
22
219
|
}
|
|
23
220
|
|
|
24
|
-
.video-js.
|
|
221
|
+
.video-js.skin_news .vjs-fade>* {
|
|
25
222
|
visibility: hidden !important;
|
|
26
223
|
opacity: 0 !important;
|
|
27
224
|
transition: visibility 1s, opacity 1s !important;
|
|
28
225
|
}
|
|
29
226
|
|
|
30
|
-
.video-js.
|
|
227
|
+
.video-js.skin_news .custom-spaced-progress-bar {
|
|
31
228
|
position: absolute;
|
|
32
229
|
width: 100%;
|
|
33
230
|
display: flex;
|
|
@@ -35,7 +232,7 @@
|
|
|
35
232
|
top: -0.5em;
|
|
36
233
|
}
|
|
37
234
|
|
|
38
|
-
.video-js.
|
|
235
|
+
.video-js.skin_news .vjs-progress-control {
|
|
39
236
|
/* left: -6px; */
|
|
40
237
|
position: relative;
|
|
41
238
|
width: 100%;
|
|
@@ -43,25 +240,22 @@
|
|
|
43
240
|
transition: height 0.1s, top 0.1s;
|
|
44
241
|
}
|
|
45
242
|
|
|
46
|
-
.video-js.skin_news_live .vjs-volume-panel{
|
|
47
|
-
min-width: 5.3em;
|
|
48
|
-
}
|
|
49
243
|
|
|
50
244
|
|
|
51
245
|
|
|
52
|
-
.video-js.
|
|
53
|
-
|
|
54
|
-
|
|
246
|
+
.video-js.skin_news .vjs-custom-control-spacer {
|
|
247
|
+
display: block;
|
|
248
|
+
flex: 1 1 auto;
|
|
55
249
|
}
|
|
56
250
|
|
|
57
|
-
.video-js.
|
|
251
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
58
252
|
margin: 0 0px 0 0px;
|
|
59
253
|
}
|
|
60
|
-
.video-js.
|
|
254
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
61
255
|
display: none;
|
|
62
256
|
}
|
|
63
257
|
|
|
64
|
-
.video-js.
|
|
258
|
+
.video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
65
259
|
font-size: 14px;
|
|
66
260
|
font-weight: 500;
|
|
67
261
|
align-self: center;
|
|
@@ -70,30 +264,30 @@
|
|
|
70
264
|
border-radius: 8px;
|
|
71
265
|
}
|
|
72
266
|
|
|
73
|
-
.video-js.
|
|
267
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
74
268
|
height: 6px !important;
|
|
75
269
|
}
|
|
76
270
|
|
|
77
|
-
.video-js.
|
|
271
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
78
272
|
font-size: 1.5em;
|
|
79
273
|
line-height: unset;
|
|
80
274
|
top: -0.3333333333em;
|
|
81
275
|
}
|
|
82
276
|
|
|
83
|
-
.video-js.
|
|
277
|
+
.video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
|
|
84
278
|
display: none !important;
|
|
85
279
|
}
|
|
86
280
|
|
|
87
281
|
/* */
|
|
88
|
-
.video-js.
|
|
282
|
+
.video-js.skin_news .vjs-mouse-display{
|
|
89
283
|
font-size: 1.6666666667em;
|
|
90
284
|
}
|
|
91
285
|
|
|
92
|
-
.video-js.
|
|
286
|
+
.video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
|
|
93
287
|
font-size: 1em !important;
|
|
94
288
|
}
|
|
95
289
|
|
|
96
|
-
.video-js.
|
|
290
|
+
.video-js.skin_news .vjs-button{
|
|
97
291
|
width: 5.3em;
|
|
98
292
|
display: flex;
|
|
99
293
|
align-items: center;
|
|
@@ -101,71 +295,63 @@
|
|
|
101
295
|
}
|
|
102
296
|
|
|
103
297
|
|
|
104
|
-
.video-js.
|
|
298
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
105
299
|
.icon-maximize {
|
|
106
300
|
display: block;
|
|
107
301
|
height: 32px;
|
|
108
302
|
}
|
|
109
303
|
|
|
110
|
-
.video-js.
|
|
304
|
+
.video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
|
|
111
305
|
line-height: 4;
|
|
112
306
|
}
|
|
113
307
|
|
|
114
|
-
.video-js.
|
|
308
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
115
309
|
.icon-minimize {
|
|
116
310
|
display: none;
|
|
117
311
|
height: 32px;
|
|
118
312
|
}
|
|
119
313
|
|
|
120
|
-
.video-js.
|
|
314
|
+
.video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
|
|
121
315
|
outline: none !important;
|
|
122
|
-
/* flex: 1; */
|
|
123
316
|
}
|
|
124
|
-
.video-js.
|
|
125
|
-
display: flex;
|
|
126
|
-
flex: 1;
|
|
127
|
-
justify-content: center;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
317
|
+
.video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
132
318
|
.vjs-icon-fullscreen-enter:before {
|
|
133
319
|
/* content: '' !important; */
|
|
134
320
|
}
|
|
135
321
|
|
|
136
|
-
.video-js.
|
|
322
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
137
323
|
display: flex;
|
|
138
324
|
justify-content: center;
|
|
139
325
|
align-items: center;
|
|
140
326
|
/* transform: rotate(90deg); */
|
|
141
327
|
}
|
|
142
328
|
|
|
143
|
-
.video-js.
|
|
329
|
+
.video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
144
330
|
display: none;
|
|
145
331
|
}
|
|
146
|
-
.video-js.
|
|
332
|
+
.video-js.skin_news .vjs-volume-panel .vjs-volume-control{
|
|
147
333
|
margin-left: -10px;
|
|
148
334
|
}
|
|
149
335
|
|
|
150
|
-
.video-js.
|
|
336
|
+
.video-js.skin_news .skipbtn:hover{
|
|
151
337
|
cursor: pointer;
|
|
152
338
|
}
|
|
153
339
|
|
|
154
|
-
.video-js.
|
|
340
|
+
.video-js.skin_news .rewindbtn:hover{
|
|
155
341
|
cursor: pointer;
|
|
156
342
|
}
|
|
157
343
|
|
|
158
|
-
.video-js.
|
|
344
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control{
|
|
159
345
|
position: relative;
|
|
160
346
|
padding-left: 0;
|
|
161
347
|
}
|
|
162
348
|
|
|
163
|
-
.video-js.
|
|
349
|
+
.video-js.skin_news.vjs-seeking .vjs-big-play-button{
|
|
164
350
|
display: none !important;
|
|
165
351
|
}
|
|
166
352
|
|
|
167
|
-
.video-js.
|
|
168
|
-
|
|
353
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
354
|
+
width: 90px;
|
|
169
355
|
height: 90px;
|
|
170
356
|
display: flex;
|
|
171
357
|
justify-content: center;
|
|
@@ -180,20 +366,19 @@
|
|
|
180
366
|
font-size: 6em;
|
|
181
367
|
line-height: 1.4em;
|
|
182
368
|
border: 0.05em solid;
|
|
183
|
-
color: inherit;
|
|
184
|
-
display: none !important;
|
|
369
|
+
color: inherit;
|
|
185
370
|
}
|
|
186
|
-
.video-js.
|
|
371
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
|
|
187
372
|
font-weight: bold;
|
|
188
373
|
}
|
|
189
374
|
|
|
190
|
-
.video-js.
|
|
375
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content{
|
|
191
376
|
bottom: 2.4em !important;
|
|
192
377
|
right: -1em;
|
|
193
378
|
z-index: 1;
|
|
194
379
|
}
|
|
195
380
|
|
|
196
|
-
.video-js.
|
|
381
|
+
.video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
|
|
197
382
|
width: 24px !important;
|
|
198
383
|
height: 24px !important;
|
|
199
384
|
}
|
|
@@ -203,34 +388,34 @@
|
|
|
203
388
|
}
|
|
204
389
|
|
|
205
390
|
|
|
206
|
-
.video-js.
|
|
391
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
207
392
|
cursor: pointer;
|
|
208
393
|
}
|
|
209
394
|
|
|
210
|
-
.video-js.
|
|
395
|
+
.video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
211
396
|
padding-right: 0;
|
|
212
|
-
display: none;
|
|
213
397
|
}
|
|
214
398
|
|
|
215
|
-
.video-js.
|
|
399
|
+
.video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
216
400
|
padding-left: 0;
|
|
217
|
-
display: none;
|
|
218
401
|
}
|
|
219
402
|
|
|
220
|
-
.video-js.
|
|
403
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
221
404
|
padding-left: 0;
|
|
222
405
|
padding-right: 0;
|
|
223
|
-
display:
|
|
406
|
+
display: flex;
|
|
407
|
+
justify-content: center;
|
|
408
|
+
width: min-content;
|
|
224
409
|
}
|
|
225
410
|
|
|
226
|
-
.video-js.
|
|
411
|
+
.video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
|
|
227
412
|
display: none
|
|
228
413
|
}
|
|
229
|
-
.video-js.
|
|
414
|
+
.video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
230
415
|
display: none
|
|
231
416
|
}
|
|
232
417
|
|
|
233
|
-
.video-js.
|
|
418
|
+
.video-js.skin_news .vjs-control-bar .vjs-time-control {
|
|
234
419
|
display: flex;
|
|
235
420
|
align-items: center;
|
|
236
421
|
font-weight: 700;
|
|
@@ -238,26 +423,26 @@
|
|
|
238
423
|
min-width: 1.2em;
|
|
239
424
|
}
|
|
240
425
|
|
|
241
|
-
.video-js.
|
|
426
|
+
.video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
242
427
|
display: none;
|
|
243
428
|
font-size: 11px;
|
|
244
429
|
justify-content: center;
|
|
245
430
|
align-items: center;
|
|
246
431
|
user-select: none;
|
|
247
432
|
}
|
|
248
|
-
.video-js.
|
|
433
|
+
.video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
249
434
|
display: none;
|
|
250
435
|
}
|
|
251
436
|
|
|
252
|
-
.video-js.
|
|
437
|
+
.video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
253
438
|
height: min-content;
|
|
254
439
|
width: min-content;
|
|
255
440
|
}
|
|
256
|
-
.video-js.
|
|
441
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
257
442
|
width: 6em;
|
|
258
443
|
}
|
|
259
444
|
|
|
260
|
-
.video-js.
|
|
445
|
+
.video-js.skin_news .content{
|
|
261
446
|
bottom: 3.4rem !important;
|
|
262
447
|
right: -4rem !important;
|
|
263
448
|
}
|
|
@@ -276,16 +461,15 @@
|
|
|
276
461
|
pointer-events:none
|
|
277
462
|
}
|
|
278
463
|
|
|
279
|
-
.video-js.
|
|
464
|
+
.video-js.skin_news iframe{
|
|
280
465
|
width: 100%;
|
|
281
466
|
height: 100%;
|
|
282
467
|
}
|
|
283
468
|
|
|
284
|
-
.video-js.
|
|
469
|
+
.video-js.skin_news .vjs-live-control{
|
|
285
470
|
align-items: center;
|
|
286
|
-
display: none;
|
|
287
471
|
}
|
|
288
|
-
.video-js.
|
|
472
|
+
.video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
|
|
289
473
|
height: 2.2em;
|
|
290
474
|
display: flex;
|
|
291
475
|
align-items: center;
|
|
@@ -296,22 +480,43 @@
|
|
|
296
480
|
margin: 4px 0px 4px 12px;
|
|
297
481
|
}
|
|
298
482
|
|
|
299
|
-
.video-js.
|
|
483
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
|
|
300
484
|
text-shadow: none;
|
|
301
485
|
}
|
|
486
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
487
|
+
display: none;
|
|
488
|
+
font-size: 12px;
|
|
489
|
+
}
|
|
302
490
|
|
|
303
|
-
.video-js.
|
|
304
|
-
|
|
491
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
|
|
492
|
+
height: 2.2em;
|
|
493
|
+
display: inline-flex;
|
|
494
|
+
align-items: center;
|
|
495
|
+
/* font-family: monospace; */
|
|
305
496
|
justify-content: center;
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
497
|
+
border: 2px solid;
|
|
498
|
+
margin: 4px 0px 4px 6px;
|
|
499
|
+
white-space: pre;
|
|
500
|
+
padding: 0px 6px;
|
|
501
|
+
font-size: 1.2em;
|
|
502
|
+
font-weight: 500;
|
|
503
|
+
color: rgba(255, 255, 2555, 0.7);
|
|
504
|
+
|
|
505
|
+
letter-spacing: -.1px;
|
|
506
|
+
line-height: normal;
|
|
507
|
+
text-transform: uppercase;
|
|
508
|
+
color: #FFFFFF;
|
|
509
|
+
opacity: .7;
|
|
510
|
+
font-family: "Proxima Nova";
|
|
309
511
|
}
|
|
310
512
|
|
|
311
|
-
.video-js.
|
|
312
|
-
|
|
513
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
|
|
514
|
+
opacity: 1;
|
|
313
515
|
}
|
|
314
516
|
|
|
517
|
+
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
518
|
+
content: "NOT LIVE";
|
|
519
|
+
}
|
|
315
520
|
|
|
316
521
|
.settings-selection.vjs-control.vjs-button{
|
|
317
522
|
display: flex !important;
|
|
@@ -328,57 +533,57 @@
|
|
|
328
533
|
.tvProviderImage{
|
|
329
534
|
display: none
|
|
330
535
|
}
|
|
331
|
-
.video-js.
|
|
536
|
+
.video-js.skin_news .vjs-fullscreen .icon-minimize,
|
|
332
537
|
.icon-maximize {
|
|
333
538
|
height: 30px !important;
|
|
334
539
|
}
|
|
335
540
|
|
|
336
|
-
.video-js.
|
|
541
|
+
.video-js.skin_news .vjs-fullscreen .icon-maximize,
|
|
337
542
|
.icon-minimize {
|
|
338
543
|
height: 30px !important;
|
|
339
544
|
}
|
|
340
|
-
.video-js.
|
|
545
|
+
.video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
341
546
|
width: 4.5em;
|
|
342
547
|
}
|
|
343
|
-
.video-js.
|
|
548
|
+
.video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
344
549
|
height: min-content;
|
|
345
550
|
}
|
|
346
551
|
|
|
347
|
-
.video-js.
|
|
552
|
+
.video-js.skin_news button.vjs-slowmo-button{
|
|
348
553
|
display: none;
|
|
349
554
|
}
|
|
350
|
-
.video-js.
|
|
555
|
+
.video-js.skin_news button.vjs-rewind-button{
|
|
351
556
|
display: none;
|
|
352
557
|
}
|
|
353
|
-
.video-js.
|
|
558
|
+
.video-js.skin_news button.vjs-rewind-button>svg{
|
|
354
559
|
height: 20px;
|
|
355
560
|
}
|
|
356
|
-
.video-js.
|
|
561
|
+
.video-js.skin_news .vjs-button{
|
|
357
562
|
width: 4.8em;
|
|
358
563
|
}
|
|
359
|
-
.video-js.
|
|
564
|
+
.video-js.skin_news .widget-selection{
|
|
360
565
|
display: none;
|
|
361
566
|
}
|
|
362
|
-
.video-js.
|
|
567
|
+
.video-js.skin_news .container{
|
|
363
568
|
display: none !important;
|
|
364
569
|
}
|
|
365
|
-
.video-js.
|
|
570
|
+
.video-js.skin_news .vjs-control-bar{
|
|
366
571
|
height: 4em !important;
|
|
367
572
|
}
|
|
368
|
-
.video-js.
|
|
573
|
+
.video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
|
|
369
574
|
font-size: 2.5em;
|
|
370
575
|
line-height: 1.5;
|
|
371
576
|
}
|
|
372
|
-
.video-js.
|
|
577
|
+
.video-js.skin_news .vjs-play-progress:before {
|
|
373
578
|
font-size: 1.2em;
|
|
374
579
|
position: absolute;
|
|
375
580
|
right: -0.5em;
|
|
376
581
|
z-index: 1;
|
|
377
582
|
}
|
|
378
|
-
.video-js.
|
|
583
|
+
.video-js.skin_news button.vjs-skip-button>svg{
|
|
379
584
|
height: 20px;
|
|
380
585
|
}
|
|
381
|
-
.video-js.
|
|
586
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
382
587
|
width: 50px !important;
|
|
383
588
|
height: 50px !important;
|
|
384
589
|
font-size: 2.1rem !important;
|
|
@@ -388,17 +593,17 @@
|
|
|
388
593
|
width: 24px;
|
|
389
594
|
height: 24px;
|
|
390
595
|
}
|
|
391
|
-
.video-js.
|
|
596
|
+
.video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
392
597
|
margin: 0 12px 0 12px;
|
|
393
598
|
}
|
|
394
|
-
.video-js.
|
|
599
|
+
.video-js.skin_news .vjs-seek-to-live-text{
|
|
395
600
|
font-size: 12px;
|
|
396
601
|
}
|
|
397
|
-
.video-js.
|
|
602
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder {
|
|
398
603
|
margin: 0 12px 0 12px;
|
|
399
604
|
}
|
|
400
605
|
}
|
|
401
|
-
.video-js.
|
|
606
|
+
.video-js.skin_news.vjs-paused .vjs-big-play-button {
|
|
402
607
|
width: 90px;
|
|
403
608
|
height: 90px;
|
|
404
609
|
display: flex;
|
|
@@ -415,7 +620,7 @@
|
|
|
415
620
|
line-height: 1.4em;
|
|
416
621
|
}
|
|
417
622
|
|
|
418
|
-
.video-js.
|
|
623
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
419
624
|
display: flex;
|
|
420
625
|
justify-content: center;
|
|
421
626
|
align-items: center;
|
|
@@ -423,22 +628,29 @@
|
|
|
423
628
|
transition: width 0.1s;
|
|
424
629
|
}
|
|
425
630
|
|
|
426
|
-
.video-js.
|
|
631
|
+
.video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
427
632
|
display: flex;
|
|
428
633
|
justify-content: center;
|
|
429
634
|
align-items: center;
|
|
430
635
|
height: 100%;
|
|
431
636
|
transition: width 0.1s;
|
|
432
637
|
}
|
|
433
|
-
.video-js.
|
|
638
|
+
.video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
434
639
|
display: none !important;
|
|
435
640
|
}
|
|
641
|
+
.video-js.skin_news .ssai-ad-container{
|
|
642
|
+
position: absolute;
|
|
643
|
+
bottom: 14px;
|
|
644
|
+
}
|
|
436
645
|
|
|
437
646
|
@media (max-width: 576px) {
|
|
438
|
-
.video-js.
|
|
647
|
+
.video-js.skin_news .ssai-ad-container{
|
|
648
|
+
bottom: 2px;
|
|
649
|
+
}
|
|
650
|
+
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
439
651
|
height: 5px !important;
|
|
440
652
|
}
|
|
441
|
-
.video-js.
|
|
653
|
+
.video-js.skin_news button.vjs-big-play-button {
|
|
442
654
|
width: 50px !important;
|
|
443
655
|
height: 50px !important;
|
|
444
656
|
font-size: 2.1rem !important;
|
|
@@ -447,89 +659,100 @@
|
|
|
447
659
|
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
448
660
|
display: none;
|
|
449
661
|
}
|
|
450
|
-
.video-js.
|
|
662
|
+
.video-js.skin_news .vjs-menu > ul.vjs-menu-content {
|
|
451
663
|
bottom: 2.4em !important;
|
|
452
664
|
right: -1em;
|
|
453
665
|
z-index: 1;
|
|
454
666
|
}
|
|
455
|
-
.video-js.
|
|
667
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
456
668
|
display: none !important;
|
|
457
669
|
}
|
|
458
670
|
|
|
459
|
-
.video-js.
|
|
671
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
460
672
|
color: white !important;
|
|
461
673
|
font-size: 13px !important;
|
|
462
674
|
background-color: black !important;
|
|
463
675
|
}
|
|
464
676
|
}
|
|
465
677
|
|
|
466
|
-
.video-js.
|
|
467
|
-
width: 100% !important;
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
678
|
+
.video-js.skin_news .vjs-text-track-display-ttml span {
|
|
471
679
|
color: white !important;
|
|
472
680
|
font-size: 16px !important;
|
|
473
681
|
background-color: black !important;
|
|
474
682
|
}
|
|
475
683
|
|
|
476
|
-
.video-js.
|
|
684
|
+
.video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
477
685
|
margin-bottom: 2rem !important;
|
|
478
686
|
}
|
|
479
687
|
|
|
480
|
-
.video-js.
|
|
688
|
+
.video-js.skin_news .vjs-text-track-display-ttml p {
|
|
481
689
|
font-size: 18px !important;
|
|
482
690
|
}
|
|
483
691
|
|
|
484
692
|
|
|
485
|
-
.video-js.
|
|
486
|
-
.video-js.
|
|
693
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
694
|
+
.video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
487
695
|
font-size: 1.2em !important;
|
|
488
696
|
line-height: 1.5em !important;
|
|
489
697
|
padding: 0.2em 0.8em !important;
|
|
490
698
|
}
|
|
491
699
|
|
|
492
|
-
.video-js.
|
|
700
|
+
.video-js.skin_news .vjs-control-bar .vjs-svg-icon{
|
|
493
701
|
content: none !important;
|
|
494
702
|
fill: none !important;
|
|
495
703
|
filter: none !important;
|
|
496
704
|
}
|
|
497
705
|
|
|
498
|
-
|
|
706
|
+
/* svg icons opacity and hover effect */
|
|
707
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
708
|
+
opacity: 0.7 !important;
|
|
709
|
+
}
|
|
710
|
+
|
|
711
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
712
|
+
opacity: 1 !important;
|
|
713
|
+
}
|
|
714
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
715
|
+
opacity: 0.7 !important;
|
|
716
|
+
}
|
|
717
|
+
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
718
|
+
opacity: 1 !important;
|
|
719
|
+
}
|
|
720
|
+
|
|
721
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
499
722
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
500
723
|
}
|
|
501
724
|
|
|
502
|
-
.video-js.
|
|
725
|
+
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
503
726
|
color: rgba(255, 255, 2555, 1)!important;
|
|
504
727
|
}
|
|
505
728
|
|
|
506
729
|
|
|
507
730
|
|
|
508
|
-
.video-js.
|
|
731
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
|
|
509
732
|
font-size: 2.2em;
|
|
510
733
|
line-height: 2.6;
|
|
511
734
|
}
|
|
512
|
-
.video-js.
|
|
513
|
-
background:
|
|
735
|
+
.video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
|
|
736
|
+
background: #fcb700;
|
|
514
737
|
}
|
|
515
|
-
.video-js.
|
|
738
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
516
739
|
z-index: 1 !important;
|
|
517
740
|
height: 5em !important;
|
|
518
741
|
background: black !important;
|
|
519
742
|
}
|
|
520
|
-
.video-js.
|
|
743
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
521
744
|
display: flex;
|
|
522
745
|
align-items: center;
|
|
523
746
|
justify-content: center;
|
|
524
747
|
}
|
|
525
748
|
|
|
526
|
-
.video-js.
|
|
749
|
+
.video-js.skin_news_live .vjs-fade>* {
|
|
527
750
|
visibility: hidden !important;
|
|
528
751
|
opacity: 0 !important;
|
|
529
752
|
transition: visibility 1s, opacity 1s !important;
|
|
530
753
|
}
|
|
531
754
|
|
|
532
|
-
.video-js.
|
|
755
|
+
.video-js.skin_news_live .custom-spaced-progress-bar {
|
|
533
756
|
position: absolute;
|
|
534
757
|
width: 100%;
|
|
535
758
|
display: flex;
|
|
@@ -537,7 +760,7 @@
|
|
|
537
760
|
top: -0.5em;
|
|
538
761
|
}
|
|
539
762
|
|
|
540
|
-
.video-js.
|
|
763
|
+
.video-js.skin_news_live .vjs-progress-control {
|
|
541
764
|
/* left: -6px; */
|
|
542
765
|
position: relative;
|
|
543
766
|
width: 100%;
|
|
@@ -545,22 +768,25 @@
|
|
|
545
768
|
transition: height 0.1s, top 0.1s;
|
|
546
769
|
}
|
|
547
770
|
|
|
771
|
+
.video-js.skin_news_live .vjs-volume-panel{
|
|
772
|
+
min-width: 5.3em;
|
|
773
|
+
}
|
|
548
774
|
|
|
549
775
|
|
|
550
776
|
|
|
551
|
-
.video-js.
|
|
552
|
-
display: block;
|
|
553
|
-
flex: 1 1 auto;
|
|
777
|
+
.video-js.skin_news_live .vjs-custom-control-spacer {
|
|
778
|
+
/* display: block; */
|
|
779
|
+
/* flex: 1 1 auto; */
|
|
554
780
|
}
|
|
555
781
|
|
|
556
|
-
.video-js.
|
|
782
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
557
783
|
margin: 0 0px 0 0px;
|
|
558
784
|
}
|
|
559
|
-
.video-js.
|
|
785
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
560
786
|
display: none;
|
|
561
787
|
}
|
|
562
788
|
|
|
563
|
-
.video-js.
|
|
789
|
+
.video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
|
|
564
790
|
font-size: 14px;
|
|
565
791
|
font-weight: 500;
|
|
566
792
|
align-self: center;
|
|
@@ -569,30 +795,30 @@
|
|
|
569
795
|
border-radius: 8px;
|
|
570
796
|
}
|
|
571
797
|
|
|
572
|
-
.video-js.
|
|
798
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
573
799
|
height: 6px !important;
|
|
574
800
|
}
|
|
575
801
|
|
|
576
|
-
.video-js.
|
|
802
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
577
803
|
font-size: 1.5em;
|
|
578
804
|
line-height: unset;
|
|
579
805
|
top: -0.3333333333em;
|
|
580
806
|
}
|
|
581
807
|
|
|
582
|
-
.video-js.
|
|
808
|
+
.video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
|
|
583
809
|
display: none !important;
|
|
584
810
|
}
|
|
585
811
|
|
|
586
812
|
/* */
|
|
587
|
-
.video-js.
|
|
813
|
+
.video-js.skin_news_live .vjs-mouse-display{
|
|
588
814
|
font-size: 1.6666666667em;
|
|
589
815
|
}
|
|
590
816
|
|
|
591
|
-
.video-js.
|
|
817
|
+
.video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
|
|
592
818
|
font-size: 1em !important;
|
|
593
819
|
}
|
|
594
820
|
|
|
595
|
-
.video-js.
|
|
821
|
+
.video-js.skin_news_live .vjs-button{
|
|
596
822
|
width: 5.3em;
|
|
597
823
|
display: flex;
|
|
598
824
|
align-items: center;
|
|
@@ -600,63 +826,71 @@
|
|
|
600
826
|
}
|
|
601
827
|
|
|
602
828
|
|
|
603
|
-
.video-js.
|
|
829
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
604
830
|
.icon-maximize {
|
|
605
831
|
display: block;
|
|
606
832
|
height: 32px;
|
|
607
833
|
}
|
|
608
834
|
|
|
609
|
-
.video-js.
|
|
835
|
+
.video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
|
|
610
836
|
line-height: 4;
|
|
611
837
|
}
|
|
612
838
|
|
|
613
|
-
.video-js.
|
|
839
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
614
840
|
.icon-minimize {
|
|
615
841
|
display: none;
|
|
616
842
|
height: 32px;
|
|
617
843
|
}
|
|
618
844
|
|
|
619
|
-
.video-js.
|
|
845
|
+
.video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
|
|
620
846
|
outline: none !important;
|
|
847
|
+
/* flex: 1; */
|
|
621
848
|
}
|
|
622
|
-
.video-js.
|
|
849
|
+
.video-js.skin_news_live .vjs-play-toggle-container{
|
|
850
|
+
display: flex;
|
|
851
|
+
flex: 1;
|
|
852
|
+
justify-content: center;
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
|
|
856
|
+
.video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
|
|
623
857
|
.vjs-icon-fullscreen-enter:before {
|
|
624
858
|
/* content: '' !important; */
|
|
625
859
|
}
|
|
626
860
|
|
|
627
|
-
.video-js.
|
|
861
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
|
|
628
862
|
display: flex;
|
|
629
863
|
justify-content: center;
|
|
630
864
|
align-items: center;
|
|
631
865
|
/* transform: rotate(90deg); */
|
|
632
866
|
}
|
|
633
867
|
|
|
634
|
-
.video-js.
|
|
868
|
+
.video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
|
|
635
869
|
display: none;
|
|
636
870
|
}
|
|
637
|
-
.video-js.
|
|
871
|
+
.video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
|
|
638
872
|
margin-left: -10px;
|
|
639
873
|
}
|
|
640
874
|
|
|
641
|
-
.video-js.
|
|
875
|
+
.video-js.skin_news_live .skipbtn:hover{
|
|
642
876
|
cursor: pointer;
|
|
643
877
|
}
|
|
644
878
|
|
|
645
|
-
.video-js.
|
|
879
|
+
.video-js.skin_news_live .rewindbtn:hover{
|
|
646
880
|
cursor: pointer;
|
|
647
881
|
}
|
|
648
882
|
|
|
649
|
-
.video-js.
|
|
883
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
650
884
|
position: relative;
|
|
651
885
|
padding-left: 0;
|
|
652
886
|
}
|
|
653
887
|
|
|
654
|
-
.video-js.
|
|
888
|
+
.video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
|
|
655
889
|
display: none !important;
|
|
656
890
|
}
|
|
657
891
|
|
|
658
|
-
.video-js.
|
|
659
|
-
width: 90px;
|
|
892
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
893
|
+
/* width: 90px;
|
|
660
894
|
height: 90px;
|
|
661
895
|
display: flex;
|
|
662
896
|
justify-content: center;
|
|
@@ -671,19 +905,20 @@
|
|
|
671
905
|
font-size: 6em;
|
|
672
906
|
line-height: 1.4em;
|
|
673
907
|
border: 0.05em solid;
|
|
674
|
-
color: inherit;
|
|
908
|
+
color: inherit; */
|
|
909
|
+
display: none !important;
|
|
675
910
|
}
|
|
676
|
-
.video-js.
|
|
911
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
|
|
677
912
|
font-weight: bold;
|
|
678
913
|
}
|
|
679
914
|
|
|
680
|
-
.video-js.
|
|
915
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
|
|
681
916
|
bottom: 2.4em !important;
|
|
682
917
|
right: -1em;
|
|
683
918
|
z-index: 1;
|
|
684
919
|
}
|
|
685
920
|
|
|
686
|
-
.video-js.
|
|
921
|
+
.video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
|
|
687
922
|
width: 24px !important;
|
|
688
923
|
height: 24px !important;
|
|
689
924
|
}
|
|
@@ -693,34 +928,34 @@
|
|
|
693
928
|
}
|
|
694
929
|
|
|
695
930
|
|
|
696
|
-
.video-js.
|
|
931
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
697
932
|
cursor: pointer;
|
|
698
933
|
}
|
|
699
934
|
|
|
700
|
-
.video-js.
|
|
935
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
|
|
701
936
|
padding-right: 0;
|
|
937
|
+
display: none;
|
|
702
938
|
}
|
|
703
939
|
|
|
704
|
-
.video-js.
|
|
940
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
|
|
705
941
|
padding-left: 0;
|
|
942
|
+
display: none;
|
|
706
943
|
}
|
|
707
944
|
|
|
708
|
-
.video-js.
|
|
945
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
|
|
709
946
|
padding-left: 0;
|
|
710
947
|
padding-right: 0;
|
|
711
|
-
display:
|
|
712
|
-
justify-content: center;
|
|
713
|
-
width: min-content;
|
|
948
|
+
display: none;
|
|
714
949
|
}
|
|
715
950
|
|
|
716
|
-
.video-js.
|
|
951
|
+
.video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
|
|
717
952
|
display: none
|
|
718
953
|
}
|
|
719
|
-
.video-js.
|
|
954
|
+
.video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
|
|
720
955
|
display: none
|
|
721
956
|
}
|
|
722
957
|
|
|
723
|
-
.video-js.
|
|
958
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-time-control {
|
|
724
959
|
display: flex;
|
|
725
960
|
align-items: center;
|
|
726
961
|
font-weight: 700;
|
|
@@ -728,26 +963,26 @@
|
|
|
728
963
|
min-width: 1.2em;
|
|
729
964
|
}
|
|
730
965
|
|
|
731
|
-
.video-js.
|
|
966
|
+
.video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
|
|
732
967
|
display: none;
|
|
733
968
|
font-size: 11px;
|
|
734
969
|
justify-content: center;
|
|
735
970
|
align-items: center;
|
|
736
971
|
user-select: none;
|
|
737
972
|
}
|
|
738
|
-
.video-js.
|
|
973
|
+
.video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
739
974
|
display: none;
|
|
740
975
|
}
|
|
741
976
|
|
|
742
|
-
.video-js.
|
|
977
|
+
.video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
|
|
743
978
|
height: min-content;
|
|
744
979
|
width: min-content;
|
|
745
980
|
}
|
|
746
|
-
.video-js.
|
|
981
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
747
982
|
width: 6em;
|
|
748
983
|
}
|
|
749
984
|
|
|
750
|
-
.video-js.
|
|
985
|
+
.video-js.skin_news_live .content{
|
|
751
986
|
bottom: 3.4rem !important;
|
|
752
987
|
right: -4rem !important;
|
|
753
988
|
}
|
|
@@ -766,15 +1001,16 @@
|
|
|
766
1001
|
pointer-events:none
|
|
767
1002
|
}
|
|
768
1003
|
|
|
769
|
-
.video-js.
|
|
1004
|
+
.video-js.skin_news_live iframe{
|
|
770
1005
|
width: 100%;
|
|
771
1006
|
height: 100%;
|
|
772
1007
|
}
|
|
773
1008
|
|
|
774
|
-
.video-js.
|
|
1009
|
+
.video-js.skin_news_live .vjs-live-control{
|
|
775
1010
|
align-items: center;
|
|
1011
|
+
display: none;
|
|
776
1012
|
}
|
|
777
|
-
.video-js.
|
|
1013
|
+
.video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
|
|
778
1014
|
height: 2.2em;
|
|
779
1015
|
display: flex;
|
|
780
1016
|
align-items: center;
|
|
@@ -785,43 +1021,22 @@
|
|
|
785
1021
|
margin: 4px 0px 4px 12px;
|
|
786
1022
|
}
|
|
787
1023
|
|
|
788
|
-
.video-js.
|
|
1024
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
|
|
789
1025
|
text-shadow: none;
|
|
790
1026
|
}
|
|
791
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
|
|
792
|
-
display: none;
|
|
793
|
-
font-size: 12px;
|
|
794
|
-
}
|
|
795
1027
|
|
|
796
|
-
.video-js.
|
|
797
|
-
|
|
798
|
-
display: inline-flex;
|
|
799
|
-
align-items: center;
|
|
800
|
-
/* font-family: monospace; */
|
|
1028
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
|
|
1029
|
+
display: flex;
|
|
801
1030
|
justify-content: center;
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
padding: 0px 6px;
|
|
806
|
-
font-size: 1.2em;
|
|
807
|
-
font-weight: 500;
|
|
808
|
-
color: rgba(255, 255, 2555, 0.7);
|
|
809
|
-
|
|
810
|
-
letter-spacing: -.1px;
|
|
811
|
-
line-height: normal;
|
|
812
|
-
text-transform: uppercase;
|
|
813
|
-
color: #FFFFFF;
|
|
814
|
-
opacity: .7;
|
|
815
|
-
font-family: "Proxima Nova";
|
|
1031
|
+
min-width: 5.3em;
|
|
1032
|
+
pointer-events: none;
|
|
1033
|
+
user-select: none;
|
|
816
1034
|
}
|
|
817
1035
|
|
|
818
|
-
.video-js.
|
|
819
|
-
|
|
1036
|
+
.video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
|
|
1037
|
+
color: white;
|
|
820
1038
|
}
|
|
821
1039
|
|
|
822
|
-
.video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
|
|
823
|
-
content: "NOT LIVE";
|
|
824
|
-
}
|
|
825
1040
|
|
|
826
1041
|
.settings-selection.vjs-control.vjs-button{
|
|
827
1042
|
display: flex !important;
|
|
@@ -838,57 +1053,57 @@
|
|
|
838
1053
|
.tvProviderImage{
|
|
839
1054
|
display: none
|
|
840
1055
|
}
|
|
841
|
-
.video-js.
|
|
1056
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-minimize,
|
|
842
1057
|
.icon-maximize {
|
|
843
1058
|
height: 30px !important;
|
|
844
1059
|
}
|
|
845
1060
|
|
|
846
|
-
.video-js.
|
|
1061
|
+
.video-js.skin_news_live .vjs-fullscreen .icon-maximize,
|
|
847
1062
|
.icon-minimize {
|
|
848
1063
|
height: 30px !important;
|
|
849
1064
|
}
|
|
850
|
-
.video-js.
|
|
1065
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
851
1066
|
width: 4.5em;
|
|
852
1067
|
}
|
|
853
|
-
.video-js.
|
|
1068
|
+
.video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
|
|
854
1069
|
height: min-content;
|
|
855
1070
|
}
|
|
856
1071
|
|
|
857
|
-
.video-js.
|
|
1072
|
+
.video-js.skin_news_live button.vjs-slowmo-button{
|
|
858
1073
|
display: none;
|
|
859
1074
|
}
|
|
860
|
-
.video-js.
|
|
1075
|
+
.video-js.skin_news_live button.vjs-rewind-button{
|
|
861
1076
|
display: none;
|
|
862
1077
|
}
|
|
863
|
-
.video-js.
|
|
1078
|
+
.video-js.skin_news_live button.vjs-rewind-button>svg{
|
|
864
1079
|
height: 20px;
|
|
865
1080
|
}
|
|
866
|
-
.video-js.
|
|
1081
|
+
.video-js.skin_news_live .vjs-button{
|
|
867
1082
|
width: 4.8em;
|
|
868
1083
|
}
|
|
869
|
-
.video-js.
|
|
1084
|
+
.video-js.skin_news_live .widget-selection{
|
|
870
1085
|
display: none;
|
|
871
1086
|
}
|
|
872
|
-
.video-js.
|
|
1087
|
+
.video-js.skin_news_live .container{
|
|
873
1088
|
display: none !important;
|
|
874
1089
|
}
|
|
875
|
-
.video-js.
|
|
1090
|
+
.video-js.skin_news_live .vjs-control-bar{
|
|
876
1091
|
height: 4em !important;
|
|
877
1092
|
}
|
|
878
|
-
.video-js.
|
|
1093
|
+
.video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
|
|
879
1094
|
font-size: 2.5em;
|
|
880
1095
|
line-height: 1.5;
|
|
881
1096
|
}
|
|
882
|
-
.video-js.
|
|
1097
|
+
.video-js.skin_news_live .vjs-play-progress:before {
|
|
883
1098
|
font-size: 1.2em;
|
|
884
1099
|
position: absolute;
|
|
885
1100
|
right: -0.5em;
|
|
886
1101
|
z-index: 1;
|
|
887
1102
|
}
|
|
888
|
-
.video-js.
|
|
1103
|
+
.video-js.skin_news_live button.vjs-skip-button>svg{
|
|
889
1104
|
height: 20px;
|
|
890
1105
|
}
|
|
891
|
-
.video-js.
|
|
1106
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
892
1107
|
width: 50px !important;
|
|
893
1108
|
height: 50px !important;
|
|
894
1109
|
font-size: 2.1rem !important;
|
|
@@ -898,17 +1113,17 @@
|
|
|
898
1113
|
width: 24px;
|
|
899
1114
|
height: 24px;
|
|
900
1115
|
}
|
|
901
|
-
.video-js.
|
|
1116
|
+
.video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
|
|
902
1117
|
margin: 0 12px 0 12px;
|
|
903
1118
|
}
|
|
904
|
-
.video-js.
|
|
1119
|
+
.video-js.skin_news_live .vjs-seek-to-live-text{
|
|
905
1120
|
font-size: 12px;
|
|
906
1121
|
}
|
|
907
|
-
.video-js.
|
|
1122
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
|
|
908
1123
|
margin: 0 12px 0 12px;
|
|
909
1124
|
}
|
|
910
1125
|
}
|
|
911
|
-
.video-js.
|
|
1126
|
+
.video-js.skin_news_live.vjs-paused .vjs-big-play-button {
|
|
912
1127
|
width: 90px;
|
|
913
1128
|
height: 90px;
|
|
914
1129
|
display: flex;
|
|
@@ -925,7 +1140,7 @@
|
|
|
925
1140
|
line-height: 1.4em;
|
|
926
1141
|
}
|
|
927
1142
|
|
|
928
|
-
.video-js.
|
|
1143
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
929
1144
|
display: flex;
|
|
930
1145
|
justify-content: center;
|
|
931
1146
|
align-items: center;
|
|
@@ -933,29 +1148,22 @@
|
|
|
933
1148
|
transition: width 0.1s;
|
|
934
1149
|
}
|
|
935
1150
|
|
|
936
|
-
.video-js.
|
|
1151
|
+
.video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
937
1152
|
display: flex;
|
|
938
1153
|
justify-content: center;
|
|
939
1154
|
align-items: center;
|
|
940
1155
|
height: 100%;
|
|
941
1156
|
transition: width 0.1s;
|
|
942
1157
|
}
|
|
943
|
-
.video-js.
|
|
1158
|
+
.video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
944
1159
|
display: none !important;
|
|
945
1160
|
}
|
|
946
|
-
.video-js.skin_news .ssai-ad-container{
|
|
947
|
-
position: absolute;
|
|
948
|
-
bottom: 14px;
|
|
949
|
-
}
|
|
950
1161
|
|
|
951
1162
|
@media (max-width: 576px) {
|
|
952
|
-
.video-js.
|
|
953
|
-
bottom: 2px;
|
|
954
|
-
}
|
|
955
|
-
.video-js.skin_news .vjs-progress-control .vjs-progress-holder{
|
|
1163
|
+
.video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
|
|
956
1164
|
height: 5px !important;
|
|
957
1165
|
}
|
|
958
|
-
.video-js.
|
|
1166
|
+
.video-js.skin_news_live button.vjs-big-play-button {
|
|
959
1167
|
width: 50px !important;
|
|
960
1168
|
height: 50px !important;
|
|
961
1169
|
font-size: 2.1rem !important;
|
|
@@ -964,70 +1172,59 @@
|
|
|
964
1172
|
.vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
965
1173
|
display: none;
|
|
966
1174
|
}
|
|
967
|
-
.video-js.
|
|
1175
|
+
.video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
|
|
968
1176
|
bottom: 2.4em !important;
|
|
969
1177
|
right: -1em;
|
|
970
1178
|
z-index: 1;
|
|
971
1179
|
}
|
|
972
|
-
.video-js.
|
|
1180
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
|
|
973
1181
|
display: none !important;
|
|
974
1182
|
}
|
|
975
1183
|
|
|
976
|
-
.video-js.
|
|
1184
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
977
1185
|
color: white !important;
|
|
978
1186
|
font-size: 13px !important;
|
|
979
1187
|
background-color: black !important;
|
|
980
1188
|
}
|
|
981
1189
|
}
|
|
982
1190
|
|
|
983
|
-
.video-js.
|
|
1191
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml {
|
|
1192
|
+
width: 100% !important;
|
|
1193
|
+
}
|
|
1194
|
+
|
|
1195
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml span {
|
|
984
1196
|
color: white !important;
|
|
985
1197
|
font-size: 16px !important;
|
|
986
1198
|
background-color: black !important;
|
|
987
1199
|
}
|
|
988
1200
|
|
|
989
|
-
.video-js.
|
|
1201
|
+
.video-js.skin_news_live.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
990
1202
|
margin-bottom: 2rem !important;
|
|
991
1203
|
}
|
|
992
1204
|
|
|
993
|
-
.video-js.
|
|
1205
|
+
.video-js.skin_news_live .vjs-text-track-display-ttml p {
|
|
994
1206
|
font-size: 18px !important;
|
|
995
1207
|
}
|
|
996
1208
|
|
|
997
1209
|
|
|
998
|
-
.video-js.
|
|
999
|
-
.video-js.
|
|
1210
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
|
|
1211
|
+
.video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
|
|
1000
1212
|
font-size: 1.2em !important;
|
|
1001
1213
|
line-height: 1.5em !important;
|
|
1002
1214
|
padding: 0.2em 0.8em !important;
|
|
1003
1215
|
}
|
|
1004
1216
|
|
|
1005
|
-
.video-js.
|
|
1217
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
|
|
1006
1218
|
content: none !important;
|
|
1007
1219
|
fill: none !important;
|
|
1008
1220
|
filter: none !important;
|
|
1009
1221
|
}
|
|
1010
1222
|
|
|
1011
|
-
|
|
1012
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1013
|
-
opacity: 0.7 !important;
|
|
1014
|
-
}
|
|
1015
|
-
|
|
1016
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1017
|
-
opacity: 1 !important;
|
|
1018
|
-
}
|
|
1019
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
|
|
1020
|
-
opacity: 0.7 !important;
|
|
1021
|
-
}
|
|
1022
|
-
.video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
|
|
1023
|
-
opacity: 1 !important;
|
|
1024
|
-
}
|
|
1025
|
-
|
|
1026
|
-
.video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1223
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1027
1224
|
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1028
1225
|
}
|
|
1029
1226
|
|
|
1030
|
-
.video-js.
|
|
1227
|
+
.video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1031
1228
|
color: rgba(255, 255, 2555, 1)!important;
|
|
1032
1229
|
}
|
|
1033
1230
|
|
|
@@ -1388,316 +1585,119 @@
|
|
|
1388
1585
|
width: 3em;
|
|
1389
1586
|
}
|
|
1390
1587
|
.video-js.skin_mini .widget-selection{
|
|
1391
|
-
display: none;
|
|
1392
|
-
}
|
|
1393
|
-
.video-js.skin_mini .container{
|
|
1394
|
-
display: none !important;
|
|
1395
|
-
}
|
|
1396
|
-
.video-js.skin_mini .vjs-control-bar{
|
|
1397
|
-
height: 4em !important;
|
|
1398
|
-
}
|
|
1399
|
-
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
1400
|
-
font-size: 2.5em;
|
|
1401
|
-
line-height: 1.5;
|
|
1402
|
-
}
|
|
1403
|
-
.video-js.skin_mini .vjs-play-progress:before {
|
|
1404
|
-
font-size: 1.2em;
|
|
1405
|
-
position: absolute;
|
|
1406
|
-
right: -0.5em;
|
|
1407
|
-
z-index: 1;
|
|
1408
|
-
}
|
|
1409
|
-
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
1410
|
-
height: 20px;
|
|
1411
|
-
}
|
|
1412
|
-
|
|
1413
|
-
.stream-selector-icon>svg{
|
|
1414
|
-
width: 24px;
|
|
1415
|
-
height: 24px;
|
|
1416
|
-
}
|
|
1417
|
-
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
1418
|
-
font-size: 12px;
|
|
1419
|
-
}
|
|
1420
|
-
|
|
1421
|
-
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1422
|
-
color: white !important;
|
|
1423
|
-
font-size: 16px !important;
|
|
1424
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
1425
|
-
}
|
|
1426
|
-
}
|
|
1427
|
-
|
|
1428
|
-
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1429
|
-
color: white !important;
|
|
1430
|
-
font-size: 16px !important;
|
|
1431
|
-
background-color: rgba(0,0,0,0.2) !important;
|
|
1432
|
-
}
|
|
1433
|
-
|
|
1434
|
-
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
1435
|
-
font-size: 18px !important;
|
|
1436
|
-
}
|
|
1437
|
-
|
|
1438
|
-
.video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1439
|
-
margin-bottom: 1rem !important;
|
|
1440
|
-
}
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1444
|
-
display: flex;
|
|
1445
|
-
justify-content: center;
|
|
1446
|
-
align-items: center;
|
|
1447
|
-
height: 100%;
|
|
1448
|
-
transition: width 0.1s;
|
|
1449
|
-
}
|
|
1450
|
-
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1451
|
-
margin: 2px;
|
|
1452
|
-
}
|
|
1453
|
-
|
|
1454
|
-
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1455
|
-
display: flex;
|
|
1456
|
-
justify-content: center;
|
|
1457
|
-
align-items: center;
|
|
1458
|
-
height: 100%;
|
|
1459
|
-
transition: width 0.1s;
|
|
1460
|
-
}
|
|
1461
|
-
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
1462
|
-
display: grid;
|
|
1463
|
-
font-size: 10px;
|
|
1464
|
-
grid-template-columns: 1fr;
|
|
1465
|
-
grid-template-rows: 1fr;
|
|
1466
|
-
padding: 1px 0px 0 0px;
|
|
1467
|
-
margin: 0;
|
|
1468
|
-
}
|
|
1469
|
-
|
|
1470
|
-
@media (max-width: 600px) {
|
|
1471
|
-
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1472
|
-
height: 5px !important;
|
|
1473
|
-
}
|
|
1474
|
-
|
|
1475
|
-
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1476
|
-
display: none;
|
|
1477
|
-
}
|
|
1478
|
-
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
|
-
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
1482
|
-
content: none !important;
|
|
1483
|
-
fill: none !important;
|
|
1484
|
-
filter: none !important;
|
|
1485
|
-
}
|
|
1486
|
-
|
|
1487
|
-
/* svg icons opacity and hover effect */
|
|
1488
|
-
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1489
|
-
opacity: 0.7 !important;
|
|
1490
|
-
}
|
|
1491
|
-
|
|
1492
|
-
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1493
|
-
opacity: 1 !important;
|
|
1494
|
-
}
|
|
1495
|
-
|
|
1496
|
-
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1497
|
-
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1498
|
-
}
|
|
1499
|
-
|
|
1500
|
-
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1501
|
-
color: rgba(255, 255, 2555, 1)!important;
|
|
1502
|
-
}
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
.video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
|
|
1506
|
-
height: 0.7em;
|
|
1507
|
-
position: absolute;
|
|
1508
|
-
top: -0.7em;
|
|
1509
|
-
width: 100%;
|
|
1510
|
-
}
|
|
1511
|
-
|
|
1512
|
-
.video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
|
|
1513
|
-
height: 100%;
|
|
1514
|
-
}
|
|
1515
|
-
|
|
1516
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
|
|
1517
|
-
line-height: 2.5;
|
|
1518
|
-
}
|
|
1519
|
-
|
|
1520
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
|
|
1521
|
-
height: 19px;
|
|
1522
|
-
width: 19px;
|
|
1523
|
-
cursor: pointer;
|
|
1524
|
-
}
|
|
1525
|
-
.video-js.skin_vlone .vjs-control {
|
|
1526
|
-
user-select: none;
|
|
1527
|
-
}
|
|
1528
|
-
.video-js.skin_vlone .vjs-custom-control-spacer{
|
|
1529
|
-
user-select: none;
|
|
1530
|
-
}
|
|
1531
|
-
|
|
1532
|
-
.video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
|
|
1533
|
-
height: 19px;
|
|
1534
|
-
width: 19px;
|
|
1535
|
-
cursor: pointer;
|
|
1536
|
-
}
|
|
1537
|
-
|
|
1538
|
-
.video-js.skin_vlone .vjs-play-progress:before {
|
|
1539
|
-
display: none !important;
|
|
1540
|
-
}
|
|
1541
|
-
|
|
1542
|
-
.video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
|
|
1543
|
-
margin: 0 !important;
|
|
1544
|
-
|
|
1545
|
-
}
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
.video-js.skin_vlone .vjs-custom-control-spacer {
|
|
1549
|
-
display: block;
|
|
1550
|
-
flex: 1 1 auto;
|
|
1551
|
-
}
|
|
1552
|
-
|
|
1553
|
-
.video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
|
|
1588
|
+
display: none;
|
|
1589
|
+
}
|
|
1590
|
+
.video-js.skin_mini .container{
|
|
1591
|
+
display: none !important;
|
|
1592
|
+
}
|
|
1593
|
+
.video-js.skin_mini .vjs-control-bar{
|
|
1594
|
+
height: 4em !important;
|
|
1595
|
+
}
|
|
1596
|
+
.video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
|
|
1597
|
+
font-size: 2.5em;
|
|
1598
|
+
line-height: 1.5;
|
|
1599
|
+
}
|
|
1600
|
+
.video-js.skin_mini .vjs-play-progress:before {
|
|
1601
|
+
font-size: 1.2em;
|
|
1602
|
+
position: absolute;
|
|
1603
|
+
right: -0.5em;
|
|
1554
1604
|
z-index: 1;
|
|
1555
1605
|
}
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
.video-js.skin_vlone .vjs-control-bar {
|
|
1559
|
-
height: 40px;
|
|
1606
|
+
.video-js.skin_mini button.vjs-skip-button>svg{
|
|
1607
|
+
height: 20px;
|
|
1560
1608
|
}
|
|
1561
1609
|
|
|
1562
|
-
.
|
|
1563
|
-
|
|
1564
|
-
|
|
1610
|
+
.stream-selector-icon>svg{
|
|
1611
|
+
width: 24px;
|
|
1612
|
+
height: 24px;
|
|
1565
1613
|
}
|
|
1566
|
-
.video-js.
|
|
1567
|
-
|
|
1568
|
-
left: 0px;
|
|
1569
|
-
top: -1px;
|
|
1614
|
+
.video-js.skin_mini .vjs-seek-to-live-text{
|
|
1615
|
+
font-size: 12px;
|
|
1570
1616
|
}
|
|
1571
1617
|
|
|
1572
|
-
.
|
|
1573
|
-
|
|
1618
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1619
|
+
color: white !important;
|
|
1620
|
+
font-size: 16px !important;
|
|
1621
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
1622
|
+
}
|
|
1574
1623
|
}
|
|
1575
1624
|
|
|
1576
|
-
.video-js.
|
|
1577
|
-
|
|
1625
|
+
.video-js.skin_mini .vjs-text-track-display-ttml span {
|
|
1626
|
+
color: white !important;
|
|
1627
|
+
font-size: 16px !important;
|
|
1628
|
+
background-color: rgba(0,0,0,0.2) !important;
|
|
1578
1629
|
}
|
|
1579
1630
|
|
|
1580
|
-
.
|
|
1581
|
-
|
|
1631
|
+
.video-js.skin_mini .vjs-text-track-display-ttml p {
|
|
1632
|
+
font-size: 18px !important;
|
|
1582
1633
|
}
|
|
1583
1634
|
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
height: 1.3em;
|
|
1587
|
-
position: absolute;
|
|
1588
|
-
top: -1.3em;
|
|
1589
|
-
transition: height 0.3s, top 0.3s;
|
|
1635
|
+
.video-js.skin_mini.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
|
|
1636
|
+
margin-bottom: 1rem !important;
|
|
1590
1637
|
}
|
|
1591
1638
|
|
|
1592
1639
|
|
|
1593
|
-
.video-js.
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1640
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1641
|
+
display: flex;
|
|
1642
|
+
justify-content: center;
|
|
1643
|
+
align-items: center;
|
|
1644
|
+
height: 100%;
|
|
1645
|
+
transition: width 0.1s;
|
|
1599
1646
|
}
|
|
1600
|
-
.video-js.
|
|
1601
|
-
|
|
1647
|
+
.video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
|
|
1648
|
+
margin: 2px;
|
|
1602
1649
|
}
|
|
1603
1650
|
|
|
1604
|
-
.video-js.
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1651
|
+
.video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
|
|
1652
|
+
display: flex;
|
|
1653
|
+
justify-content: center;
|
|
1654
|
+
align-items: center;
|
|
1655
|
+
height: 100%;
|
|
1656
|
+
transition: width 0.1s;
|
|
1608
1657
|
}
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1658
|
+
.video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
|
|
1659
|
+
display: grid;
|
|
1660
|
+
font-size: 10px;
|
|
1661
|
+
grid-template-columns: 1fr;
|
|
1662
|
+
grid-template-rows: 1fr;
|
|
1663
|
+
padding: 1px 0px 0 0px;
|
|
1664
|
+
margin: 0;
|
|
1613
1665
|
}
|
|
1614
1666
|
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
height: 2.2em;
|
|
1620
|
-
display: flex;
|
|
1621
|
-
align-items: center;
|
|
1622
|
-
font-family: monospace;
|
|
1623
|
-
width: 4em;
|
|
1624
|
-
justify-content: center;
|
|
1625
|
-
background: red;
|
|
1626
|
-
margin: 4px 0px 4px 12px;
|
|
1627
|
-
}
|
|
1628
|
-
.video-js.skin_vlone .vjs-live-display:hover{
|
|
1629
|
-
cursor: pointer;
|
|
1630
|
-
}
|
|
1667
|
+
@media (max-width: 600px) {
|
|
1668
|
+
.video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
|
|
1669
|
+
height: 5px !important;
|
|
1670
|
+
}
|
|
1631
1671
|
|
|
1632
|
-
.video-js.
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
width: min-content !important;
|
|
1636
|
-
min-width: 1.5em;
|
|
1637
|
-
padding: 0 !important;
|
|
1638
|
-
user-select: none;
|
|
1639
|
-
}
|
|
1672
|
+
.video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
|
|
1673
|
+
display: none;
|
|
1674
|
+
}
|
|
1640
1675
|
|
|
1641
|
-
.video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
|
|
1642
|
-
margin-left: 16px !important;
|
|
1643
1676
|
}
|
|
1644
1677
|
|
|
1645
|
-
.video-js.
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
padding: 0.2em 0.8em !important;
|
|
1678
|
+
.video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
|
|
1679
|
+
content: none !important;
|
|
1680
|
+
fill: none !important;
|
|
1681
|
+
filter: none !important;
|
|
1650
1682
|
}
|
|
1651
1683
|
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
width: 80px;
|
|
1656
|
-
height: 80px;
|
|
1657
|
-
display: flex;
|
|
1658
|
-
justify-content: center;
|
|
1659
|
-
align-items: center;
|
|
1660
|
-
border: none;
|
|
1661
|
-
position: absolute;
|
|
1662
|
-
top: 0;
|
|
1663
|
-
left: 0;
|
|
1664
|
-
right: 0;
|
|
1665
|
-
bottom: 0;
|
|
1666
|
-
margin: auto;
|
|
1667
|
-
font-size: 5em;
|
|
1668
|
-
line-height: 1.3em;
|
|
1669
|
-
transform: none !important;
|
|
1670
|
-
border-radius: 1.3em;
|
|
1671
|
-
}
|
|
1672
|
-
.video-js.skin_vlone .ssai-ad-container{
|
|
1673
|
-
position: absolute;
|
|
1674
|
-
bottom: 4px;
|
|
1684
|
+
/* svg icons opacity and hover effect */
|
|
1685
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
|
|
1686
|
+
opacity: 0.7 !important;
|
|
1675
1687
|
}
|
|
1676
|
-
|
|
1677
|
-
@media(max-width:600px){
|
|
1678
|
-
.video-js.skin_vlone button.vjs-big-play-button {
|
|
1679
|
-
width: 50px !important;
|
|
1680
|
-
height: 50px !important;
|
|
1681
|
-
font-size: 2.1rem !important;
|
|
1682
|
-
}
|
|
1683
1688
|
|
|
1684
|
-
.video-js.
|
|
1685
|
-
|
|
1686
|
-
bottom: 2px;
|
|
1687
|
-
}
|
|
1688
|
-
.video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
|
|
1689
|
-
display: none;
|
|
1689
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
|
|
1690
|
+
opacity: 1 !important;
|
|
1690
1691
|
}
|
|
1691
1692
|
|
|
1692
|
-
.video-js.
|
|
1693
|
-
|
|
1693
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
|
|
1694
|
+
color: rgba(255, 255, 2555, 0.7)!important;
|
|
1694
1695
|
}
|
|
1695
1696
|
|
|
1696
|
-
.video-js.
|
|
1697
|
-
|
|
1698
|
-
}
|
|
1697
|
+
.video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
|
|
1698
|
+
color: rgba(255, 255, 2555, 1)!important;
|
|
1699
1699
|
}
|
|
1700
|
-
|
|
1700
|
+
|
|
1701
1701
|
|
|
1702
1702
|
/* CSS for videojs-dvr-seekbar */
|
|
1703
1703
|
|
|
@@ -1880,6 +1880,7 @@
|
|
|
1880
1880
|
|
|
1881
1881
|
|
|
1882
1882
|
|
|
1883
|
+
|
|
1883
1884
|
.video-js .multicamera-parent.default{
|
|
1884
1885
|
height: 345px;
|
|
1885
1886
|
position: absolute;
|
|
@@ -1961,7 +1962,6 @@
|
|
|
1961
1962
|
|
|
1962
1963
|
|
|
1963
1964
|
|
|
1964
|
-
|
|
1965
1965
|
.vjs-custom-big-mute.vjs-control{
|
|
1966
1966
|
position: absolute;
|
|
1967
1967
|
align-items: center;
|
|
@@ -2298,6 +2298,38 @@
|
|
|
2298
2298
|
z-index: 30 !important;
|
|
2299
2299
|
}
|
|
2300
2300
|
|
|
2301
|
+
/* a wrapper element that tracks the mouse vertically */
|
|
2302
|
+
.vjs-thumbnail-holder {
|
|
2303
|
+
position: absolute;
|
|
2304
|
+
left: -1000px;
|
|
2305
|
+
}
|
|
2306
|
+
|
|
2307
|
+
/* the thumbnail image itself */
|
|
2308
|
+
.vjs-thumbnail {
|
|
2309
|
+
position: absolute;
|
|
2310
|
+
left: 0;
|
|
2311
|
+
bottom: 1.3em;
|
|
2312
|
+
opacity: 0;
|
|
2313
|
+
transition: opacity .2s ease;
|
|
2314
|
+
-webkit-transition: opacity .2s ease;
|
|
2315
|
+
-moz-transition: opacity .2s ease;
|
|
2316
|
+
-mz-transition: opacity .2s ease;
|
|
2317
|
+
}
|
|
2318
|
+
|
|
2319
|
+
/* fade in the thumbnail when hovering over the progress bar */
|
|
2320
|
+
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2321
|
+
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2322
|
+
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2323
|
+
.vjs-progress-control:active .vjs-thumbnail {
|
|
2324
|
+
opacity: 1;
|
|
2325
|
+
}
|
|
2326
|
+
|
|
2327
|
+
/* ... but hide the thumbnail when hovering directly over it */
|
|
2328
|
+
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2329
|
+
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2330
|
+
opacity: 0;
|
|
2331
|
+
}
|
|
2332
|
+
|
|
2301
2333
|
.video-js.vjs-quality-menu {
|
|
2302
2334
|
display: block;
|
|
2303
2335
|
}
|
|
@@ -2368,38 +2400,6 @@
|
|
|
2368
2400
|
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2369
2401
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
|
|
2370
2402
|
}
|
|
2371
|
-
/* a wrapper element that tracks the mouse vertically */
|
|
2372
|
-
.vjs-thumbnail-holder {
|
|
2373
|
-
position: absolute;
|
|
2374
|
-
left: -1000px;
|
|
2375
|
-
}
|
|
2376
|
-
|
|
2377
|
-
/* the thumbnail image itself */
|
|
2378
|
-
.vjs-thumbnail {
|
|
2379
|
-
position: absolute;
|
|
2380
|
-
left: 0;
|
|
2381
|
-
bottom: 1.3em;
|
|
2382
|
-
opacity: 0;
|
|
2383
|
-
transition: opacity .2s ease;
|
|
2384
|
-
-webkit-transition: opacity .2s ease;
|
|
2385
|
-
-moz-transition: opacity .2s ease;
|
|
2386
|
-
-mz-transition: opacity .2s ease;
|
|
2387
|
-
}
|
|
2388
|
-
|
|
2389
|
-
/* fade in the thumbnail when hovering over the progress bar */
|
|
2390
|
-
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
|
|
2391
|
-
.vjs-progress-control:hover .vjs-thumbnail,
|
|
2392
|
-
.vjs-progress-control.fake-active .vjs-thumbnail,
|
|
2393
|
-
.vjs-progress-control:active .vjs-thumbnail {
|
|
2394
|
-
opacity: 1;
|
|
2395
|
-
}
|
|
2396
|
-
|
|
2397
|
-
/* ... but hide the thumbnail when hovering directly over it */
|
|
2398
|
-
.vjs-progress-control:hover .vjs-thumbnail:hover,
|
|
2399
|
-
.vjs-progress-control:active .vjs-thumbnail:active {
|
|
2400
|
-
opacity: 0;
|
|
2401
|
-
}
|
|
2402
|
-
|
|
2403
2403
|
.vjs-poster {
|
|
2404
2404
|
display: inline-block;
|
|
2405
2405
|
vertical-align: middle;
|