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

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%;  
}