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