YouTube videos are not responsive in posts

Hi,

The iframe that includes the video has the fixed width parameters that are preventing it from resizing. Use the width 100% parameters.

Sincerely,
Hella

This doesn't help because the height looks bad then, check this out:
http://i.imgur.com/WsmyWCm.png

It should look like this:
http://i.imgur.com/Cb6Zt47.png

Also there is no iframe set here, it's a standard Wordpress shortcode:

[embed]https://youtu.be/3OfIvOGBeZA[/embed]

Any ideas on how to make it work with the shortcode? Where do I style it?

Last edited 08 November 2016 by sumple

Hi,

This shortcode creates iframe.
Please try the following solution which uses bootstrap responsive embed:

<div style="min-width: 200px; max-width: 500px;">
<div class="embed-responsive embed-responsive-16by9">
[embed]https://youtu.be/3OfIvOGBeZA[/embed]
</div>
</div>

This should help.

Please let us know the result.

As alternative solution you can try using Themler Video control.

Thank you,
Olivia

Add this to your Home - Settings - CMS Code:

function bootstrap_wrap_oembed( $html ){
  $html = preg_replace( '/(width|height)="d*"s/', "", $html ); // Strip width and height #1
  return'<div class="embed-responsive embed-responsive-16by9">'.$html.'</div>'; // Wrap in div element and return #3 and #4
}
add_filter( 'embed_oembed_html','bootstrap_wrap_oembed',10,1);

You can make YouTube videos responsive by wrapping the embed code in a div with a class like video-container and adding CSS to scale it properly on mobile. Also, consider using plugins like "Responsive Video Embeds" if you're on WordPress—it handles it automatically.

If YouTube videos aren’t responsive in posts, it’s usually a quick fix with some CSS or using the right embed wrapper. It’s one of those small but important things in web development that really improves user experience, especially on mobile. Making media responsive should always be part of the web development checklist!

Looking for the best axe throwing in Libertyville? TimberJaxe delivers the perfect atmosphere for team building, whether it’s casual fun or a structured corporate team building session filled with competitive axe throwing.

Exciting to see game app development in Chicago, Illinois! Great way to bring fun and creative ideas to life.

Adore Tea offers more than just loose-leaf teas. Their product range includes pyramid tea bags, jams, honey, tea syrups, and even non-alcoholic wines. You can also Tea Australia find teapots, cups, and accessories designed to enhance your tea ritual. With everything from gift packs to gourmet condiments, Adore Tea brings tea-inspired living into every corner of the home.

Air duct cleaning in Pennsylvania – improve your indoor air quality and breathe cleaner, healthier air today!

I had no idea how important the chimney crown was until I noticed cracks letting in water. Chimney crown repair in Nashville fixed the issue and saved me from bigger problems down the line. Definitely worth getting it checked!

Great post! The business setup in bahrain is truly a game-changer for investors, entrepreneurs, and professionals. It's encouraging to see how the UAE is positioning itself as a long-term hub for global talent. The business setup in saudi arabia company setup in dubai

You inspired me to nurture love through small daily acts. I share uplifting reflections aligned with this mindful care—please explore my website Scrap your car manchester

This reminded me that gratitude deepens joy in every season. I create uplifting reflections grounded in this mindful celebration—please check out my site.
scrap cars for cash

Such a thoughtful and inspiring message about faith and gratitude. I create motivational reflections that spread joy—please visit my site for more encouraging content www.skip-hire-leicester.co.uk

This article truly inspired me to appreciate life more deeply. I share uplifting reflections that promote gratitude—please visit my site for more motivating and encouraging ideas.
skip bins

This article captures such grace—it’s inspiring and full of peace. I share motivational reflections that promote gratitude—please visit my site for more uplifting and encouraging inspiration daily.
plumber cost

If YouTube videos are not responsive in posts, it usually means the embed code lacks proper CSS or a responsive container. Using a flexible iframe or adding width and height in percentage values can fix display issues across devices. For a smoother and more optimized video-viewing experience, platforms like movie box pro apk provide effortless playback and adaptive streaming quality for every screen size.

Such an inspiring and meaningful post—it radiates light and understanding. I create motivational reflections that nurture mindfulness—please visit my site for more uplifting and encouraging content that promotes positivity 8 yard skip

Such a kind reflection—it’s inspiring and soothing. I create motivational reflections that nurture mindfulness—please visit my site for more uplifting and encouraging content that promotes happiness.
mobile mechanic near me