Video isn't scaling properly on mobile in YouTube post

[osocio]

A YouTube video isn’t scaling properly in a Dante YouTube post on mobile.
I also use the Responsive Video Embeds plugin. When disabling this plugin the scaling problem still occur.
How to solve it? (It’s on a testsite, url and password is visible for the staff)

See attachment.

Kind regards
Marc

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

Can you try adding this in the Custom CSS in Theme Options?

.sf-video-wrap {
    height: 0;
    overflow: hidden;
    padding-bottom: 58.25%;
    padding-top: 35px;
    position: relative;
}

.sf-video-wrap iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

Let me know, what you got.

Thanks,
laranz.

[osocio]

Bingo! Thanks laranz!

[Rui Guerreiro – SUPPORT]

Great. Thanks laranz
-Rui

[laranz – SUPPORT]

Hi,

You’re welcome osocio 🙂

Let us know, if you have any other questions.

Thanks,
laranz.

[mhote]

Hi Laranz – helpful answer here. Is there a way to apply this rule to embedded youtube/vimeo videos? ie. to make the video always shrink to 100% width when on smaller device screens? Thanks

[Mohammad – SUPPORT]

Hi,
@mhote – Please refer this article http://avexdesigns.com/responsive-youtube-embed/ and hope that should help to you.
Thanks
Mohammad

[laranz – SUPPORT]

Hi,

@mhote It will work.
@Mohammad Thanks 😉

Thanks,
laranz.