Archived topic

How to Make Embedded YouTube Video Responsive?

5 replies · Started by Jericho on January 16, 2019

Viewing posts 1–6 of 6

January 16, 2019 at 9:03 pm #784271

Hi Tom & Support Team,

A few weeks ago, we decided to recreate all of our posts and turn them into a video then embed the video back to the original post.

We are using the Embed YouTube block on Gutenberg and it looks fine in the backend but once you hit publish, you will see some extra black space on top and below the embedded video.

Screenshot: http://prntscr.com/m88zue

Also, when we check the video on mobile, it's not responsive and the video was very tall.

Screenshot: http://prntscr.com/m8901h

I try googling the issue and found this: https://wordpress.org/gutenberg/handbook/designers-developers/developers/themes/theme-support/#responsive-embedded-content

Can you guys, please help me fix this issue?

Thanks very much,
Jericho

January 16, 2019 at 9:32 pm #784276

Hi there,

This should help: https://generatepress.com/forums/topic/feature-request-responsive-videos/#post-757711

January 17, 2019 at 7:49 am #784725

Hi Leo,

Where and how to add the code?

Thanks!
Jericho

January 17, 2019 at 8:06 am #784746

Hi there,

the code is PHP:

https://docs.generatepress.com/article/adding-php/

January 17, 2019 at 8:17 am #784757

Got it! I used Code Snippets and it worked!

Thanks!

January 17, 2019 at 8:22 am #784761

Awesome. Glad we could help.

This archived topic is closed to new replies.

Start building better websites today.