[SOLVED] Change the Size of Embedded Youtube Video WordPress

[SOLVED] Change the Size of Embedded Youtube Video WordPress

In this short tutorial I will teach you how to change the size of the Youtube video you’ve embdded into your WordPress article or page.

As you may already know, WordPress give you the possibility to customize any page or post, and any element inside of it. In the last years, more and more people are using visual editor plugins, such Gutenberg, Visual Composer, WPBakery Page Builder, Beaver Builder or Elementor (and many other addons) because those are easier to control rather than writing the entire code from scratch.

Change Size of Embedded Youtube Video WordPress

How To Change the Size of Embedded Youtube Video in WordPress? I will show you the easiest way, directly provided by Youtube:

I. To change the size of the Youtube video in your post or page, do this:

1. Go to Youtube and search for your video.

2. Press on the “Share” button. You will see the “Embed” option just at the begin (before the Facebook button – see the image below).

1 The Share Button

IMG 1 – Share Button | Youtube Embed WordPress

3. Press the Embed button (see the image below).

2 Embed Button

IMG 2 – Embed Button | Youtube Embed WordPress

4. Copy-paste that custom code (see the image 3, below) into your WordPress page/post. Don’t forget: You have to be in the TEXT mode, and not into the visual mode, when you paste the code into the post/page.

3 Embed Video Settings

IMG 3 – Embed Video Settings | Youtube Embed WordPress

5. You can modify the size of the video directly from the code.

6. Optional: You may also setup the starting point of the video (eg: 1:47).

7. Check “Show player controls” if you want to let your website visitors to control the video.

8. Very important: Check the “Enable privacy-enhanced mode”. What is this? This is a new feature provided by Youtube. Basically, when you check this box, you turn on the privacy-enhanced mode, and Youtube won’t store the information of your visitors until they will start that specific video (See the image below).

What does YouTube-Nocookie com mean?

IMG 4 – What does YouTube-Nocookie com mean? | Youtube Embed WordPress

9. Now you can click “Update/Publish” and review your new post/page.

In fact, with this source code, you can modify the size of the embedded video on any addon specified above (Gutenberg, Visual Composer, WPBakery and so on). Again, just make sure you are in the TEXT mode/HTML mode, and not into visual.

For the other addons (Elementor, for example), you can add a new HTML element, and insert the video code there.


II. Change ratio/proportion Of Embed YouTube Video In WordPress Using Gutenberg Editor

  1. Go to the post/page and press edit.
  2. Go to the specific block where your video is inserted.
  3. Hover the block and press on the 3 dots.
  4. From the drop-down meniu, select: “Edit as HTML”. Now you will see the video code (same as above).
  5. Here you can change the aspect ratio of the video (4:3, 16:9, 21:9).

That’s it!

Tags: , , , ,

Related Posts

Menu