Switch Embedded Video to Landscape Mode

Hello. I'm using the embed block to display a video on the hero of one of my pages. On desktop it works great. On mobile the static thumbnail works just fine but, when played, the video doesn't look good. I'd want the video to turn 90° and play on landscape mode after the user clicks on "play". Is there a way to achieve this?

Thanks in advance! Any feedback is welcome and appreciated.

Link to the website page: https://steerforward.com/case-of-study

I see it already play in landscape 

On 4/27/2024 at 5:35 AM, tuanphan said:

I see it already play in landscape 

I'd want the video to turn 90° and play on landscape mode, so the user would turn their phone sideways and the video would occupy 100% of the width of the phone, sideways.

Try this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
div#block-24b5df7af4d5fec7e80c iframe {
    transform: rotate(90deg);
}
}