YouTube recently upgraded their sharing options and now it seems a bit harder to pick a variety of sizes for YouTube vidoes to share on your blog or website. If you click the Share icon you will get a 560 px wide video code. If your blog posting area is wider or you want to show the video on your homepage you may want a wider layout.
While I didn’t find a perfect solution I did find a workaround. In the past, YouTube would give you the option to pick the size you want to make your video code but for me at least, that option is no longer available.
I am providing you with a variety of YouTube video sizes and how you can grab the HTML embed code for each.
Depending on the blog theme you use some themes, will automatically resize the video to fit the screen and others won’t. The same goes for the mobile theme you use.
You can also manually change the size of the YouTube video code to fit the space. Just change the width and height to match one of these YouTube video sizes.
- 320 by 240
- 560 by 315
- 640 by 360
- 853 by 480
- 1215 by 480
- 1229 by 691
- 1280 by 720
- 1920 by 1080
Small YouTube Embed Code
- Go to Youtube.com.
- Find the video you want to use on your website.
- Click the Share icon (looks like a right-pointing arrow)
- Click Embed.
- Click Copy.
Medium YouTube Embed Code
- Go to Youtube.com.
- Find the video you want to use on your website.
- Right-click on the video itself.
- Left-click Copy Embed Code.
Large YouTube Embed Code
- Go to Youtube.com.
- Find the video you want to use on your website.
- Click the Theater Mode icon to make the video larger.
- Right-click on the video.
- Left-click Copy Embed Code.
Super Large YouTube Embed Code
- Go to Youtube.com.
- Find the video you want to use on your website.
- Click the Full Screen icon to make the video larger.
- Right-click on the video itself.
- Left-click Copy Embed Code.
Thanks! bookmarking for quick reference guide.
That totally works!! Excellent job figuring that out!