How Adjust the Size of a WordPress Video

wordpress resize 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 …

EmbedPress - WordPress Embed Google Maps If you’re using WordPress, we highly recommend you check out the EmbedPress plugin. You can customize your YouTube videos, using just the URL.

Download EmbedPress

The Problem with WordPress YouTube Videos

A YouTube video embed in WordPress

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

Changing the embed code of a WordPress video

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:

{codecitation}

{/codecitation}

and change the dimensions within the width and height attributes.

Save when done and then preview your video.

Instructor

  • Nick is the Director of Support at OSTraining and you can find him in almost every area of the site, from answering support requests and account questions to creating tutorials and software.

0 0 votes
Blog Rating
Subscribe
Notify of
26 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
erin fesperman

Thank you for this!

Ron Cambronero

thanks! 🙂

Colleen Fisk

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?

steve

Check out EmbedPress: [url=https://wordpress.org/plugins/embedpress]https://wordpress.org/plugi…[/url] That plugin should give you easy resizing for each video.

Ronit Kfir

Thank you!

I think this doesn’t work for Youtube embeded videos.

Do you know what to do with those?

steve

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.

Himanshu

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.

TC

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?

Sue

This works temporarily. Then after a few days the video goes back to a standard small size independent of the text setting

Ruffa

It doesn’t work. 

mikall

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):

[embed width="320" height="240"]https://youtube.com/your-video-url[/embed]

[url=https://wordpress.org/support/topic/embed-video-size-issue/]CLICK HERE FOR WORDPRESS POST[/url]

Miriam Kellermann

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? 

mikall

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:

[embed width="320" height="240"]www.youtube.com/………[/embed]
nB

hey i am not able to center the video using this code, any guesses why?

Cinnamon @$$

Me niether, guess this post is dead…

Tina

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? 

mikall

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

Jessica M

Thank you! Happy to report solution still relevant and works!

mikall

Excellent! Thanks for posting.

Narrative Man

This doesn’t work, at all. Video player stays the same size.

ememk

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?

mikall

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.

Grace M Joubarne

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.  

Madeline

How do you resize the display of a video that is in your media library please?

26
0
Would love your thoughts, please comment.x
()
x