YouTube Video not responsive?

Public Ticket #14066

Conversation thread

PenciDesign replied

5 years ago

Staff Reply

Hi @FatHummus,

Please create a new ticket and give me more detail about this and we will check it to help you. Please don't put a reply to the tickets of other people because they will get a notification email from your reply.

Best Regards,

PenciDesign

FatHummus replied

5 years ago

Customer Reply

Same issue here.

I see that this is helping (different padding for mobile ad desktop?)

.wp-block-embed-youtube .wp-block-embed__wrapper {    padding-bottom: 56.25%;    position: relative;
}

But, perhaps the issue is different for me. the preview is not 16:9.

only after play it's change to 16:9

LetsCook89 replied

6 years ago

Customer Reply

Thanks you, this has fixed the problem

PenciDesign replied

6 years ago

Staff Reply

Hi,

Hmm, ok please try replace the code I sent to this code:

.wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-bottom: 56.25%;
    position: relative;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

And check it again.

Best Regards,

PenciDesign

LetsCook89 replied

6 years ago

Customer Reply

Thanks for your answer.

i copy/pasted the code to Customizer -> Custom CSS and published it.

The problem is still there though, see attachment

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to fixed this issue:

.wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-bottom: 56.25%;
    position: relative;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

Best Regards,

PenciDesign

LetsCook89 started the conversation

6 years ago

Conversation Start

Hey guys,

i do have a problem with the responsiveness of my YouTube videos.

For some reason on mobile it is shown as 9:16 instead of the normal 16:9 format that is the default for web.

Where can i change this to make it 16:9 (like a normal embedded YouTube video)?

Thanks for your help,

Julian

Want to join this conversation or access attachments? Sign in first.