2019-12-18 20:20:04 +01:00
|
|
|
@keyframes bezels-fadeout {
|
|
|
|
from {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale(2);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-bezel {
|
2020-01-21 14:28:28 +01:00
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
top: 50%;
|
|
|
|
width: 52px;
|
|
|
|
height: 52px;
|
|
|
|
z-index: 19;
|
|
|
|
margin-left: -26px;
|
|
|
|
margin-top: -26px;
|
|
|
|
background: rgba(0, 0, 0, .5);
|
|
|
|
border-radius: 26px;
|
|
|
|
animation: bezels-fadeout .5s linear 1 normal forwards;
|
2019-12-18 20:20:04 +01:00
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-bezel-icon {
|
2020-01-21 14:28:28 +01:00
|
|
|
width: 36px;
|
|
|
|
height: 36px;
|
2019-12-18 20:20:04 +01:00
|
|
|
margin: 8px;
|
2020-01-21 14:28:28 +01:00
|
|
|
|
2019-12-18 20:20:04 +01:00
|
|
|
svg .vjs-svg-fill {
|
|
|
|
fill: #fff;
|
|
|
|
}
|
|
|
|
}
|