How Adjust the Size of a WordPress Video
WordPress makes it easy to embed videos into a post or page.
However, by default, WordPress doesn’t provide an option for the width and height of the video.
This tutorial will show you how to change the height and width of your WordPress video embed.
UPDATE: If you want an even easier method, you can also check out the EmbedPress plugin. The link is in the box below …
If you’re using WordPress, we highly recommend you check out the EmbedPress plugin. You can customize your YouTube videos, using just the URL.
The Problem with WordPress YouTube Videos
You get done uploading your video and preview it. Oh no, it’s too big or too small!
So you go to edit your video, but there’s no option to change the size.
The Solution
There’s a simple trick to change the width and height. Simply click the Text button and now you can edit the code of the embed.
Look for the following code:
and change the dimensions within the width and height attributes.
Save when done and then preview your video.
Thank you for this!
Glad to help, Erin!
thanks! 🙂
You’re welcome, Ron!
I was able to do this with one embedded video using the code [embed width="800" height="720"][url=https://vimeo.com/1example]https://vimeo.com/1example[/url][/embed] but then it didn’t work on another page. Any tips on what else I could try for embedding videos?
Check out EmbedPress: [url=https://wordpress.org/plugins/embedpress]https://wordpress.org/plugi…[/url] That plugin should give you easy resizing for each video.
Thank you!
I think this doesn’t work for Youtube embeded videos.
Do you know what to do with those?
Hi Ronit. Yes, check out EmbedPress: [url=https://wordpress.org/plugins/embedpress]https://wordpress.org/plugi…[/url]
That plugin should give you easy resizing for each video.
I must tell you Nick, you are something! you are awesome! You know the tricks. You know WordPress inside out. I am so impressed and i am not easily impressed.
When I change the size, the frame stays the full width of page, but the video does get smaller in the frame. How do I change the frame?
This works temporarily. Then after a few days the video goes back to a standard small size independent of the text setting
It doesn’t work.
Found this in the WordPress.org forums and thought it might help some of our followers.
Some themes use Fitvids.js plugin to make video embeds responsive. This plugin makes the video embeds expand to full-width of the available content.
You could adjust this by wrapping your video embed in a div with the style attribute like this (do this in the text mode of post editor):
[url=https://wordpress.org/support/topic/embed-video-size-issue/]CLICK HERE FOR WORDPRESS POST[/url]
What if you have more than one video uploaded from the media library and I need to center align one and move the other 2…How do I do that?
To center align a video, switch to text editor and add the following code around your video embed code: “text-align:center;” to the div code:
hey i am not able to center the video using this code, any guesses why?
Me niether, guess this post is dead…
Hi, and thank you for this information. My question is related to creating an online course for my small business using the free version of LearnPress with a paid WordPress website. What is the best way to upload videos? Is there a size limit for uploading videos? There seems to be. Currently making 20 minute videos on YouTube (not for monetisation) to share with clients, but wondering how to upload to online course being created on LearnPress?
Tina, below are steps to add videos to courses. If you are posting videos on Vimeo or YouTube, then size limits would be determined by those companies. If you choose to upload a video, the upload size limit is set in the WordPress Dashboard under Settings link on the General Settings page.
– [b]Place [/b]cursor in the course Description Box
– [b]Click[/b] [i]Add Media[/i] button Select Upload tab and upload video
OR
– [b]Select[/b] [i]Media Library[/i] tab
– [b]click[/b] [i]Insert from URL[/i] text link
– [b]Copy & Paste[/b] Vimeo or YouTube link in text box
– [b]click[/b] [i]Insert Into Post[/i] button
Thank you! Happy to report solution still relevant and works!
Excellent! Thanks for posting.
This doesn’t work, at all. Video player stays the same size.
I have an mp4 video and the video block fills to the width of the site. There isn’t a place to set the height or width in the video block. I tried your recommendation with an HTML block and a shortcode block where I input:
[video width=”560″ height=”315″ http://websitename.com/wp-content/uploads/2021/03/videoname.mp4%5D
Neither display the video live. Do you have a solution for setting the width and height for an uploaded mp4 in the Guttenburg block editor?
Try the column block. When editing the post, click the + sign and search for columns. Place that gutenberg block onto your page. You can change the percentage on the Width of each column by selecting one and then typing in a number in the right-hand column. Then click + sign inside of that column and embed a video block in that column. Hopefully that works or gives you something else to try.
SideNote: WordPress doesn’t recommend that you host your mp4 on your own site – they suggest you host it somewhere else like YouTube or Vimeo, etc, but that’s up to you.
I’m using Elementor Video Widget and for the life of me, I simply cannot get a thumbnail size, even though I choose that option.
How do you resize the display of a video that is in your media library please?