Hi Ali,

Could the video player element work in place of the video lightbox element.
Its has an option to set the aspect ratio of the video to 9 X 16.

Try that.

Hey Again,

Please setup a test page so we can write up the custom css for the other ratios that you would like.

Thanks 

Hey Again,

Please try using the "FancyBox" Lightbox as its mobile compatible and also the latest.

Thanks 

Hello Ali,

Please try this css:

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    padding-top: 56.25% !important;
}

If it fails. Please send in your admin login credentials so that we can check this out further.

Thanks.

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

@media only screen and (min-width: 1px) and (max-width: 690px) {
    .fancybox-slide {
        padding: 5px !important;
    }
    .fancybox-slide--video .fancybox-content {
        padding-top: 177.77% !important;
    }
}

Thanks