@viewlift/player-backup 0.0.88 → 0.0.90
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 +186 -265
- package/cjs/index.js +1 -1
- package/cjs/skin-9eba464b.js +1 -0
- package/esm/bundle.css +186 -265
- package/esm/index.js +1 -1
- package/esm/skin-fba79111.js +1 -0
- package/package.json +1 -1
- package/cjs/skin-8b8236e8.js +0 -1
- package/esm/skin-89512423.js +0 -1
package/cjs/bundle.css
CHANGED
|
@@ -1,188 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
.widget-selection{
|
|
19
|
-
display: flex;
|
|
20
|
-
align-items: center;
|
|
21
|
-
justify-content: center;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.widget-selector-icon{
|
|
25
|
-
cursor: pointer;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.widget-container{
|
|
29
|
-
position: absolute;
|
|
30
|
-
/* height: 528px; */
|
|
31
|
-
width: 350px;
|
|
32
|
-
right: -350px;
|
|
33
|
-
bottom: 0px;
|
|
34
|
-
/* background: #626262; */
|
|
35
|
-
|
|
36
|
-
/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%) !important; */
|
|
37
|
-
background: #00000080 !important;
|
|
38
|
-
z-index: -1;
|
|
39
|
-
transition: right 300ms ease-out;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.widget-container.hidden{
|
|
43
|
-
visibility: hidden;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.widget-selection.open{
|
|
47
|
-
background: rgba(255, 255, 255, 0.20) !important;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.widget-selector-head{
|
|
51
|
-
display: flex;
|
|
52
|
-
align-items: self-start;
|
|
53
|
-
padding-top: 18px;
|
|
54
|
-
padding-left: 20px;
|
|
55
|
-
margin-bottom: 25px;
|
|
56
|
-
}
|
|
57
|
-
.widget-selector-title-container{
|
|
58
|
-
display: flex;
|
|
59
|
-
padding-bottom: 6px;
|
|
60
|
-
border-bottom: 2px solid #838996;
|
|
61
|
-
margin-left: 25px;
|
|
62
|
-
width: 80%;
|
|
63
|
-
margin-top: -1px;
|
|
64
|
-
}
|
|
65
|
-
.widget-selector-title{
|
|
66
|
-
font-size: 14px;
|
|
67
|
-
user-select: none;
|
|
68
|
-
}
|
|
69
|
-
.widget-selector-title:not(:first-child){
|
|
70
|
-
margin-left: 35px;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
.widget-selector-title:hover{
|
|
75
|
-
cursor: pointer;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.widget-selector-cross-icon{
|
|
79
|
-
cursor: pointer;
|
|
80
|
-
}
|
|
81
|
-
.widget-selector-content{
|
|
82
|
-
height: 74%;
|
|
83
|
-
overflow: scroll;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.widget-selector-content::-webkit-scrollbar {
|
|
87
|
-
display: none;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
/* Hide scrollbar for IE, Edge and Firefox */
|
|
91
|
-
.widget-selector-content {
|
|
92
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
93
|
-
scrollbar-width: none; /* Firefox */
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.widget-selector-content-video{
|
|
97
|
-
height: 300px;
|
|
98
|
-
margin-bottom: 30px;
|
|
99
|
-
/* background: red; */
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.selected-tab{
|
|
103
|
-
text-decoration: underline;
|
|
104
|
-
text-underline-offset: 8px;
|
|
105
|
-
text-decoration-thickness: 2px
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.highlights{
|
|
109
|
-
height: 175px;
|
|
110
|
-
width: 309px;
|
|
111
|
-
margin: 0 auto !important;
|
|
112
|
-
background-repeat: no-repeat;
|
|
113
|
-
background-size: contain;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.parent{
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.highlights:hover{
|
|
120
|
-
cursor: pointer;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.info{
|
|
124
|
-
font-size: 15px;
|
|
125
|
-
padding: 7px;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.highlights-container{
|
|
129
|
-
display: flex;
|
|
130
|
-
justify-self: center;
|
|
131
|
-
align-items: center;
|
|
132
|
-
flex-direction: column;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.widget-selector-content #sr-widget{
|
|
136
|
-
padding: 0 18px;
|
|
137
|
-
}
|
|
138
|
-
.vjs-poster {
|
|
139
|
-
display: inline-block;
|
|
140
|
-
vertical-align: middle;
|
|
141
|
-
background-repeat: no-repeat;
|
|
142
|
-
background-position: 50% 50%;
|
|
143
|
-
background-size: contain;
|
|
144
|
-
background-color: #000;
|
|
145
|
-
cursor: pointer;
|
|
146
|
-
margin: 0;
|
|
147
|
-
padding: 0;
|
|
148
|
-
position: absolute;
|
|
149
|
-
top: 0;
|
|
150
|
-
right: 0;
|
|
151
|
-
bottom: 0;
|
|
152
|
-
left: 0;
|
|
153
|
-
height: 100%;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
.video-js .vjs-tech{
|
|
158
|
-
outline: none;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.video-js.vjs-paused .vjs-big-play-button {
|
|
162
|
-
width: 90px;
|
|
163
|
-
height: 90px;
|
|
164
|
-
display: flex;
|
|
165
|
-
justify-content: center;
|
|
166
|
-
align-items: center;
|
|
167
|
-
border-radius: 50%;
|
|
168
|
-
position: absolute;
|
|
169
|
-
top: 0;
|
|
170
|
-
left: 0;
|
|
171
|
-
right: 0;
|
|
172
|
-
bottom: 0;
|
|
173
|
-
margin: auto;
|
|
174
|
-
font-size: 6em;
|
|
175
|
-
line-height: 1.3em;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
@media(max-width:600px){
|
|
179
|
-
button.vjs-big-play-button {
|
|
180
|
-
width: 50px !important;
|
|
181
|
-
height: 50px !important;
|
|
182
|
-
font-size: 2.1rem !important;
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
|
|
186
2
|
/* ADs */
|
|
187
3
|
.ima-ad-container {
|
|
188
4
|
top: 0em;
|
|
@@ -212,7 +28,7 @@ button.vjs-big-play-button {
|
|
|
212
28
|
/* IE10+ */
|
|
213
29
|
background: linear-gradient(to top, rgba(7, 20, 30, .7) 0%, rgba(7, 20, 30, 0) 100%);
|
|
214
30
|
/* W3C */
|
|
215
|
-
|
|
31
|
+
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0007141E', endColorstr='#07141E', GradientType=0);
|
|
216
32
|
/* IE6-9 */
|
|
217
33
|
}
|
|
218
34
|
|
|
@@ -337,25 +153,50 @@ button.vjs-big-play-button {
|
|
|
337
153
|
.video-js.vjs-playing .bumpable-ima-ad-container {
|
|
338
154
|
margin-top: -4em;
|
|
339
155
|
}
|
|
156
|
+
/* Airplay */
|
|
157
|
+
|
|
158
|
+
.vjs-airplay-button .vjs-icon-placeholder {
|
|
159
|
+
background: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg') center center no-repeat;
|
|
160
|
+
background-size: contain;
|
|
161
|
+
display: inline-block;
|
|
162
|
+
width: 15px;
|
|
163
|
+
height: 15px;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.vjs-airplay-button:hover {
|
|
167
|
+
cursor: pointer;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.vjs-airplay-button:hover .vjs-icon-placeholder {
|
|
171
|
+
background-image: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg');
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
/* Airplay end */
|
|
340
175
|
/* Resolution Module */
|
|
341
176
|
|
|
342
|
-
.
|
|
177
|
+
.vjs-title-bar {
|
|
178
|
+
position: relative;
|
|
179
|
+
display: flex;
|
|
180
|
+
align-items: center;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.container {
|
|
343
184
|
position: relative;
|
|
344
185
|
display: flex;
|
|
345
186
|
align-items: center;
|
|
346
|
-
width:
|
|
187
|
+
width: 2rem;
|
|
347
188
|
justify-content: center;
|
|
348
189
|
}
|
|
349
190
|
|
|
350
|
-
|
|
191
|
+
#setting-icon:hover {
|
|
351
192
|
cursor: pointer;
|
|
352
193
|
}
|
|
353
194
|
|
|
354
|
-
.
|
|
195
|
+
.customFontHeading {
|
|
355
196
|
font-size: 13px;
|
|
356
197
|
}
|
|
357
198
|
|
|
358
|
-
.
|
|
199
|
+
.content {
|
|
359
200
|
opacity: 1;
|
|
360
201
|
display: flex;
|
|
361
202
|
position: absolute;
|
|
@@ -367,18 +208,13 @@ button.vjs-big-play-button {
|
|
|
367
208
|
bottom: 2.4rem;
|
|
368
209
|
right: -2rem;
|
|
369
210
|
border-radius: 5px;
|
|
370
|
-
z-index: 1;
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
.video-js .resolution{
|
|
374
|
-
min-width: 180px;
|
|
375
211
|
}
|
|
376
212
|
|
|
377
|
-
.
|
|
213
|
+
.rendition {
|
|
378
214
|
margin: 4px;
|
|
379
215
|
}
|
|
380
216
|
|
|
381
|
-
.
|
|
217
|
+
.rendition span {
|
|
382
218
|
background: brown;
|
|
383
219
|
color: #fff;
|
|
384
220
|
font-size: 9px;
|
|
@@ -388,37 +224,37 @@ button.vjs-big-play-button {
|
|
|
388
224
|
}
|
|
389
225
|
|
|
390
226
|
@media(max-width:500px) {
|
|
391
|
-
|
|
227
|
+
.rendition {
|
|
392
228
|
margin: 1px;
|
|
393
229
|
}
|
|
394
230
|
|
|
395
|
-
.
|
|
231
|
+
.title {
|
|
396
232
|
margin: 2px;
|
|
397
233
|
}
|
|
398
234
|
}
|
|
399
235
|
|
|
400
|
-
.
|
|
236
|
+
.hidden {
|
|
401
237
|
opacity: 0;
|
|
402
238
|
visibility: hidden;
|
|
403
|
-
transition: visibility
|
|
239
|
+
transition: visibility 1s, opacity 1s;
|
|
404
240
|
}
|
|
405
241
|
|
|
406
|
-
.
|
|
242
|
+
.rendition {
|
|
407
243
|
padding: 3px 1.6rem;
|
|
408
244
|
}
|
|
409
245
|
|
|
410
|
-
.
|
|
246
|
+
.selected {
|
|
411
247
|
font-weight: 900;
|
|
412
248
|
}
|
|
413
249
|
|
|
414
250
|
|
|
415
|
-
.
|
|
416
|
-
font-size:
|
|
251
|
+
.renditions {
|
|
252
|
+
font-size: 11px;
|
|
417
253
|
position: relative;
|
|
418
254
|
padding: 1px;
|
|
419
255
|
}
|
|
420
256
|
|
|
421
|
-
.
|
|
257
|
+
.rendition.selected::before {
|
|
422
258
|
content: "";
|
|
423
259
|
position: absolute;
|
|
424
260
|
width: 5px;
|
|
@@ -431,40 +267,40 @@ button.vjs-big-play-button {
|
|
|
431
267
|
transform: translateY(-50%);
|
|
432
268
|
}
|
|
433
269
|
|
|
434
|
-
.
|
|
270
|
+
.content::-webkit-scrollbar {
|
|
435
271
|
/* WebKit */
|
|
436
272
|
width: 0;
|
|
437
273
|
height: 0;
|
|
438
274
|
}
|
|
439
275
|
|
|
440
|
-
.
|
|
276
|
+
.disable-play-btn {
|
|
441
277
|
display: none !important;
|
|
442
278
|
pointer-events: none !important;
|
|
443
279
|
}
|
|
444
280
|
|
|
445
|
-
.
|
|
446
|
-
font-size:
|
|
281
|
+
.title {
|
|
282
|
+
font-size: 13px;
|
|
447
283
|
font-weight: 900;
|
|
448
284
|
padding: 3px 0px;
|
|
449
|
-
margin
|
|
285
|
+
margin: 4px;
|
|
450
286
|
}
|
|
451
287
|
|
|
452
|
-
.
|
|
288
|
+
.rendition:hover {
|
|
453
289
|
cursor: pointer;
|
|
454
290
|
}
|
|
455
291
|
|
|
456
|
-
.
|
|
292
|
+
.relative {
|
|
457
293
|
position: relative;
|
|
458
294
|
}
|
|
459
295
|
|
|
460
296
|
|
|
461
|
-
|
|
297
|
+
p.customFontHeading {
|
|
462
298
|
margin: 4px;
|
|
463
299
|
padding: 3px;
|
|
464
300
|
font-weight: 900;
|
|
465
301
|
}
|
|
466
302
|
|
|
467
|
-
.
|
|
303
|
+
.font {
|
|
468
304
|
font-size: 1rem;
|
|
469
305
|
width: 5rem;
|
|
470
306
|
}
|
|
@@ -478,16 +314,16 @@ button.vjs-big-play-button {
|
|
|
478
314
|
} */
|
|
479
315
|
|
|
480
316
|
@media (max-width:700px) {
|
|
481
|
-
|
|
482
|
-
font-size:
|
|
317
|
+
.title {
|
|
318
|
+
font-size: 0.6rem;
|
|
483
319
|
}
|
|
484
320
|
|
|
485
|
-
.
|
|
321
|
+
.rendition.selected:before {
|
|
486
322
|
height: 5px;
|
|
487
323
|
width: 5px;
|
|
488
324
|
}
|
|
489
325
|
|
|
490
|
-
.
|
|
326
|
+
.renditions {
|
|
491
327
|
font-size: 10px;
|
|
492
328
|
}
|
|
493
329
|
|
|
@@ -498,8 +334,114 @@ button.vjs-big-play-button {
|
|
|
498
334
|
}
|
|
499
335
|
|
|
500
336
|
/* Resolution Module End */
|
|
337
|
+
|
|
338
|
+
.video-js.vjs-paused .vjs-big-play-button{
|
|
339
|
+
display: flex;
|
|
340
|
+
justify-content: center;
|
|
341
|
+
align-items: center;
|
|
342
|
+
width: 50px;
|
|
343
|
+
height: 50px;
|
|
344
|
+
border-radius: 50%;
|
|
345
|
+
position: absolute;
|
|
346
|
+
top: 0;
|
|
347
|
+
left: 0;
|
|
348
|
+
right: 0;
|
|
349
|
+
bottom:0;
|
|
350
|
+
margin: auto;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.vjs-rewind-button{
|
|
354
|
+
cursor: pointer;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
.vjs-skip-button{
|
|
358
|
+
cursor: pointer;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
.vjs-playback-rate .vjs-playback-rate-value {
|
|
362
|
+
pointer-events: none;
|
|
363
|
+
font-size: 1.3em;
|
|
364
|
+
line-height: 2.4;
|
|
365
|
+
text-align: center;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
|
|
369
|
+
.video-js .vjs-live-display {
|
|
370
|
+
background-color: red;
|
|
371
|
+
padding: 0 5px;
|
|
372
|
+
height: 20px;
|
|
373
|
+
top: 5px;
|
|
374
|
+
position: relative;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.video-js .vjs-live-control {
|
|
378
|
+
line-height: 2em;
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
|
|
382
|
+
|
|
383
|
+
/* Progress Bar Modification css */
|
|
384
|
+
/* .video-js .vjs-progress-control {
|
|
385
|
+
position: absolute;
|
|
386
|
+
width: 95%;
|
|
387
|
+
height: 0.5em;
|
|
388
|
+
top: -0.5em;
|
|
389
|
+
transition: height .1s,top .1s;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.video-js .vjs-time-control {
|
|
393
|
+
position: absolute;
|
|
394
|
+
top: -17px;
|
|
395
|
+
right: 0;
|
|
396
|
+
margin-right: 1%;
|
|
397
|
+
font-size: 10px;
|
|
398
|
+
font-weight: 700;
|
|
399
|
+
line-height: 2.5em;
|
|
400
|
+
letter-spacing: -.03em;
|
|
401
|
+
flex: 0 1 auto;
|
|
402
|
+
width: auto;
|
|
403
|
+
padding-left: 0;
|
|
404
|
+
padding-right: 0;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
|
|
408
|
+
.video-js .vjs-custom-control-spacer {
|
|
409
|
+
display: block;
|
|
410
|
+
flex: 1 1 auto;
|
|
411
|
+
} */
|
|
412
|
+
|
|
413
|
+
/* End Progress Bar Modification css */
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
.vjs-poster {
|
|
417
|
+
display: inline-block;
|
|
418
|
+
vertical-align: middle;
|
|
419
|
+
background-repeat: no-repeat;
|
|
420
|
+
background-position: 50% 50%;
|
|
421
|
+
background-size: contain;
|
|
422
|
+
background-color: #000;
|
|
423
|
+
cursor: pointer;
|
|
424
|
+
margin: 0;
|
|
425
|
+
padding: 0;
|
|
426
|
+
position: absolute;
|
|
427
|
+
top: 0;
|
|
428
|
+
right: 0;
|
|
429
|
+
bottom: 0;
|
|
430
|
+
left: 0;
|
|
431
|
+
height: 100%;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
/* chromecast test*/
|
|
435
|
+
/* button.vjs-chromecast-button.vjs-control.vjs-button{
|
|
436
|
+
position: absolute;
|
|
437
|
+
top: 1rem;
|
|
438
|
+
width: auto;
|
|
439
|
+
right: 1rem;
|
|
440
|
+
height: auto;
|
|
441
|
+
} */
|
|
442
|
+
|
|
501
443
|
/* Chromecast */
|
|
502
|
-
.
|
|
444
|
+
.vjs-chromecast-button .vjs-icon-placeholder {
|
|
503
445
|
background: url('https://player.viewlift.com/images/ic_cast_white_24dp.png') center center no-repeat;
|
|
504
446
|
background-size: contain;
|
|
505
447
|
display: inline-block;
|
|
@@ -507,26 +449,24 @@ button.vjs-big-play-button {
|
|
|
507
449
|
height: 16px;
|
|
508
450
|
}
|
|
509
451
|
|
|
510
|
-
.
|
|
452
|
+
.vjs-chromecast-button:hover {
|
|
511
453
|
cursor: pointer;
|
|
512
454
|
}
|
|
513
455
|
|
|
514
|
-
.
|
|
456
|
+
.vjs-chromecast-button:hover .vjs-icon-placeholder {
|
|
515
457
|
background-image: url('https://player.viewlift.com/images/ic_cast_white_24dp.png');
|
|
516
458
|
}
|
|
517
459
|
|
|
518
|
-
.
|
|
460
|
+
.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
|
|
519
461
|
background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
|
|
520
462
|
}
|
|
521
463
|
|
|
522
|
-
.
|
|
464
|
+
.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
|
|
523
465
|
background-image: url('https://player.viewlift.com/images/ic_cast_connected_white_24dp.png');
|
|
524
466
|
}
|
|
525
|
-
.video-js .vjs-chromecast-button >.vjs-chromecast-button-label{
|
|
526
|
-
display: none !important;
|
|
527
|
-
}
|
|
528
467
|
|
|
529
|
-
|
|
468
|
+
|
|
469
|
+
.vjs-tech-chromecast {
|
|
530
470
|
display: flex;
|
|
531
471
|
flex-direction: column;
|
|
532
472
|
justify-content: center;
|
|
@@ -534,7 +474,7 @@ button.vjs-big-play-button {
|
|
|
534
474
|
overflow: hidden;
|
|
535
475
|
}
|
|
536
476
|
|
|
537
|
-
.
|
|
477
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
|
|
538
478
|
content: ' ';
|
|
539
479
|
display: block;
|
|
540
480
|
height: 2px;
|
|
@@ -544,18 +484,18 @@ button.vjs-big-play-button {
|
|
|
544
484
|
left: calc(50% - 50px);
|
|
545
485
|
}
|
|
546
486
|
|
|
547
|
-
.
|
|
487
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
|
|
548
488
|
max-height: 180px;
|
|
549
489
|
width: auto;
|
|
550
490
|
border: 2px solid #cccccc;
|
|
551
491
|
}
|
|
552
492
|
|
|
553
|
-
.
|
|
493
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
|
|
554
494
|
width: 160px;
|
|
555
495
|
height: 90px;
|
|
556
496
|
}
|
|
557
497
|
|
|
558
|
-
.
|
|
498
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
|
|
559
499
|
position: absolute;
|
|
560
500
|
bottom: 50%;
|
|
561
501
|
margin-bottom: 100px;
|
|
@@ -563,24 +503,24 @@ button.vjs-big-play-button {
|
|
|
563
503
|
text-align: center;
|
|
564
504
|
}
|
|
565
505
|
|
|
566
|
-
.
|
|
506
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-title {
|
|
567
507
|
font-size: 22px;
|
|
568
508
|
}
|
|
569
509
|
|
|
570
|
-
.
|
|
510
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
|
|
571
511
|
display: none;
|
|
572
512
|
}
|
|
573
513
|
|
|
574
|
-
.
|
|
514
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
|
|
575
515
|
font-size: 18px;
|
|
576
516
|
padding-top: 0.5em;
|
|
577
517
|
}
|
|
578
518
|
|
|
579
|
-
.
|
|
519
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
|
|
580
520
|
display: none;
|
|
581
521
|
}
|
|
582
522
|
|
|
583
|
-
.
|
|
523
|
+
.vjs-tech-chromecast {
|
|
584
524
|
display: flex;
|
|
585
525
|
flex-direction: column;
|
|
586
526
|
justify-content: center;
|
|
@@ -588,7 +528,7 @@ button.vjs-big-play-button {
|
|
|
588
528
|
overflow: hidden;
|
|
589
529
|
}
|
|
590
530
|
|
|
591
|
-
.
|
|
531
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
|
|
592
532
|
content: ' ';
|
|
593
533
|
display: block;
|
|
594
534
|
height: 2px;
|
|
@@ -598,18 +538,18 @@ button.vjs-big-play-button {
|
|
|
598
538
|
left: calc(50% - 50px);
|
|
599
539
|
}
|
|
600
540
|
|
|
601
|
-
.
|
|
541
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
|
|
602
542
|
max-height: 180px;
|
|
603
543
|
width: auto;
|
|
604
544
|
border: 2px solid #ccc;
|
|
605
545
|
}
|
|
606
546
|
|
|
607
|
-
.
|
|
547
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
|
|
608
548
|
width: 160px;
|
|
609
549
|
height: 90px;
|
|
610
550
|
}
|
|
611
551
|
|
|
612
|
-
.
|
|
552
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
|
|
613
553
|
position: absolute;
|
|
614
554
|
bottom: 50%;
|
|
615
555
|
margin-bottom: 100px;
|
|
@@ -617,40 +557,21 @@ button.vjs-big-play-button {
|
|
|
617
557
|
text-align: center;
|
|
618
558
|
}
|
|
619
559
|
|
|
620
|
-
.
|
|
560
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-title {
|
|
621
561
|
font-size: 22px;
|
|
622
562
|
}
|
|
623
563
|
|
|
624
|
-
.
|
|
564
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
|
|
625
565
|
display: none;
|
|
626
566
|
}
|
|
627
567
|
|
|
628
|
-
.
|
|
568
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
|
|
629
569
|
font-size: 18px;
|
|
630
570
|
padding-top: 0.5em;
|
|
631
571
|
}
|
|
632
572
|
|
|
633
|
-
.
|
|
573
|
+
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
|
|
634
574
|
display: none;
|
|
635
575
|
}
|
|
636
576
|
|
|
637
|
-
/* Chromecast End */
|
|
638
|
-
/* Airplay */
|
|
639
|
-
|
|
640
|
-
.video-js .vjs-airplay-button .vjs-icon-placeholder {
|
|
641
|
-
background: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg') center center no-repeat;
|
|
642
|
-
background-size: contain;
|
|
643
|
-
display: inline-block;
|
|
644
|
-
width: 15px;
|
|
645
|
-
height: 15px;
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
.video-js .vjs-airplay-button:hover {
|
|
649
|
-
cursor: pointer;
|
|
650
|
-
}
|
|
651
|
-
|
|
652
|
-
.video-js .vjs-airplay-button:hover .vjs-icon-placeholder {
|
|
653
|
-
background-image: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg');
|
|
654
|
-
}
|
|
655
|
-
|
|
656
|
-
/* Airplay end */
|
|
577
|
+
/* Chromecast End */
|