Impossible to make a YouTube embed of less than maximum height

  • Using the Blocks editor, I’m trying to embed a video at a SMALL size in one column, with some text in the other column. There’s no way to make this work satisfactorily.

    With the “centered” alignment, the default YouTube block displays at a height that would work if it was full-width, but it’s not full-width. It’s the width of the column– so the preview frame shows just a slice of the image. If I play the video, I get a lot of black space above and below.

    With the Left and Right alignments, I get an even narrower slice of the freeze frame.

    “Wide width” alignment has the correct ratio, but the video is really wide, much wider than the column that’s supposed to contain it, overlaying other elements on the page.

    “Full width” looks like it’s probably the width of the window, but it’s not lined up with the edges of the window, so it’s not all visible. And anyway that’s not what I want.

    Tried this with other themes and didn’t have a problem, so I think this is on you folks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author silverks

    (@silverks)

    Thank you for the report. We’ll include a fix for this issue in the next theme update.

    In the mean time, to apply the fix yourself, edit the theme file graphene/inc/setup.php, and add the following code to line 126:

    
add_theme_support( 'responsive-embeds' );
    Thread Starter Tyler Tork

    (@tylertork)

    Workaround confirmed. Thank you!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Impossible to make a YouTube embed of less than maximum height’ is closed to new replies.