One of the superb things about WordPress is that it will automatically convert YouTube URLs into embeds (as well as URLs pointing to Vimeo, Flickr, Hulu etc.)
For example, the video you see embedded on this post was supplied from within the WordPress post editor like this:
How to change the size for an individual embed:
If you need to make an embed bigger or smaller for a particular page or post, you can override the global media settings by adding a little
code to your post, like this:
[embed width="390" height="300"]http://www.youtube.com/watch?v=XYZ[/embed]
How to set the size of automatic embeds for your entire WordPress site in WP 3.5 and above:
Add this code to your theme’s functions.php document, setting your own width and height of course.
add_filter( 'embed_defaults', 'bigger_embed_size' );
function bigger_embed_size()
{
return array( 'width' => 600, 'height' => 430 );
}
How to set the size of automatic embeds for your entire WordPress site in versions before 3.5:
Login as the WordPress admin and go to Settings: Media. There you’ll see boxes for setting your maximum embed height and width. This will change the width of your embeds throughout your whole site. It’s retroactive so if you change theses settings, they’ll impact embeds even on posts and pages you authored before making the update.
Login as admin, look for Settings: Media
WordPress is really the great cms. Thanks for sharing the tutorial it really helps to change the width for embeds with in it .
Very tanks for de tuts, helped alot, great… mor users of wordpress.org, should know this tips, i spend an lot time to find… thanks!
Alas, I have the latest version of WordPress and there is no setting for this.
I can;t find embeds in my admin panel, please help !
Hello, I’ve tried this but it just won’t work for me. I’ve spent 2 days now figuring out how to make the youtube video’s smaller on my blog, but nothing seems to work and they take up the whole screen; what the heck am i doing wrong? It’s so frustrating!!!
Do you know where the raw HTML for the embed code is actually stored? I want to completely customize the youtube embed code…
Thank you 🙂
Thank you, that works on my site !
Thanks man! Very helpful <3
The embed tag widths and heights don’t seem to work in 4.2.2, in fact so far it seems nothing is working. I have an embedded YouTube video that is ever so slightly too wide and can’t seem to figure out how to reduce the width. You would THINK it would be as easy as you said.
lifesaver. thanks!
doesn’t work for version 4.4.1 or the version before it
Thank you so much for this post, I just used this it it worked great!
Worked great! For anyone struggling make sure to copy the bit of code after the URL. That’s what got me the first time.
Thanks mate. This code snippet still works.
how to customize css wordpress embed?