Portrait
Aspect Ratio 9:16
Aspect Ratio 3:4 – hard to find
das musste ich selbst zuschneiden und als selfhosted hochladen.
Landscape
Aspect Ratio 4:3
Aspect Ratio 16:9
Aspect Ratio 9:16
Aspect Ratio 3:4 – hard to find
das musste ich selbst zuschneiden und als selfhosted hochladen.
Aspect Ratio 4:3
Aspect Ratio 16:9
Bei den Hochkant Videos stört das padding.
Bei den Querformat Videos ist es dann bei kleinen Bildschirmen besser ( 20px würden wohl auch reichen).
.mfp-wrap.avia-mfp-video-16-9 .mfp-iframe-holder,
.mfp-wrap.avia-mfp-video-4-3 .mfp-iframe-holder,
.mfp-wrap.avia-mfp-video-3-4 .mfp-iframe-holder,
.mfp-wrap.avia-mfp-video-9-16 .mfp-iframe-holder,
.mfp-wrap.avia-mfp-video-custom .mfp-iframe-holder{
padding: 0px;
}
.mfp-wrap .mfp-iframe-holder .mfp-content {
max-width: unset;
padding: 0 50px
}
.mfp-wrap .mfp-iframe-scaler {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.mfp-wrap.avia-mfp-video-16-9 .mfp-iframe-holder .mfp-content {
height: 85vh !important;
max-width: 151.1vh;
}
.mfp-wrap.avia-mfp-video-16-9 .mfp-iframe-scaler {
padding-top: 56.25%;
}
.mfp-wrap.avia-mfp-video-4-3 .mfp-iframe-holder .mfp-content {
height: 85vh !important;
max-width: 113.3vh;
}
.mfp-wrap.avia-mfp-video-4-3 .mfp-iframe-scaler {
padding-top: 75%;
}
.mfp-wrap.avia-mfp-video-9-16 .mfp-iframe-holder .mfp-content{
height: 85vh;
max-width: 47.8vh;
padding: 0;
}
.mfp-wrap.avia-mfp-video-9-16 .mfp-iframe-scaler{
padding-top: 178%;
}
.mfp-wrap.avia-mfp-video-3-4 .mfp-iframe-holder .mfp-content{
height: 85vh;
max-width: 63.8vh;
padding: 0;
}
.mfp-wrap.avia-mfp-video-3-4 .mfp-iframe-scaler{
padding-top: 134%;
}