SP Property - Video Ratio - Question | JoomShaper

SP Property - Video Ratio

Yofie Setiawan

Yofie Setiawan

Extension 2 years ago

Hi,

Can i somehow have the video ratio in 16:9?

https://atapbaru.com/properties/1-cluster-garnet-place.html

0
7 Answers
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #18682

Please use the code below. This will apply various size for different devices.

.spproperty-video iframe {
    height: 75.5% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .spproperty-video iframe {
        height: 50.5% !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .spproperty-video iframe {
        height: 65.5% !important;
    }
}
@media (max-width: 480px) {
    .spproperty-video iframe {
        height: 65.5% !important;
    }
}
0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #18340

Hello

Thank you for your query. Kindly allow me some time, i will look into it & get back to you soon.

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
2 years ago #18405

Hi,

Any update?

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #18557

Hello

Sorry for the late response. Just to confirm, are you asking about the YouTube Video?

If yes, then the aspect ratio of that video cannot be changed unfortunately, however the height of the HTML element that contains the Video can be changed using the code below in Custom CSS. By reducing the height of that block, the video will appear wider.

.spproperty-video iframe {
    height: 90% !important;
}
0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
2 years ago #18559

Hi,

Thanks, this some how works, but any way to define different css rule for mobile? and tablet?

This solution seems to apple the same rule for all devices. Still not a responsive solution.

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
2 years ago #18690

Hi Ariba,

Thanks, i managed the height to better fit each media.....

0
Ariba
Ariba
Accepted Answer
Support Agent 2 years ago #18706

You are most welcome.

0