Tutorial On How To Embed A YouTube Video Into WordPress! The right way and the wrong way.

Complete Guide on embedding a YouTube Video on your Website.

Embedding a  YouTube Video in WordPress is easy and it does not require coding or special skills when you know how to add it. 

How to insert a you tube video into wordpress

Classic Editor and Block Editor

Now with Block editor, it has become even easier. You can insert a YouTube Video either directly from a URL or you use the embedded code from Youtube or anywhere else.  ( A good advice is to test the website speed before and after you insert your video as sometimes it will slow down your website.)

Adding a  YouTube video to WordPress has become so much easier. Long it is gone now that if you have a website you need to be aware of HTML Coding. 

What is HTML Coding? 

Stands for “Hypertext Markup Language.” HTML is the language used to create web pages. … “Markup language” refers to the way tags are used to define the page layout and elements within the page. Source: https://techterms.com/definition/html

Do I need a code to insert the YouTube Video? 

A system of words, letters, figures, or symbols used to represent others, especially for the purposes of secrecy. A code can be used also in computers to program a computer to perform certain programs.

So let us get started with adding a video to your WordPress site. 

1. Get Started…

Login into your website and go to your Dashboard. 

Dashboard of your wordpress

 

Click on your Dashboard on either Post or Page. Depends if you want to create a page or post. 

a. If you insert the video into a new post then click add new post

b. If you insert the video into an existing post or page then click post or page and look for the page or post and click edit either with Classic Editor or Block Editor. 

After you, edit/open your post or page you go to the Website or Video you

want to insert. As you can see I have chosen YouTube.

Click on share….( see picture below)

2.  Go to the YouTube Channel. 

How to share a video on your website

You can insert the video with the URL or you can share the video as an embed code. I choose the video with the embed code.

Click on embed. A code will show on the site of your YouTube Video. ( see picture below)

3. Share a Link and Embed

Click on share the video

4. Copy the YouTube Code 

Copy the code from the video and paste it into your website.

You go back to your Website with the page or post you want to insert the video.

Click on the text in the right corner of your post or page. ( see picture below)

embed the code into your site

5. Insert the YouTube Code

You have to know that when you paste the code in visual it will not work.

Mark in Visual write “Insert YouTubeVideo”  so when you click on the text tab you know the space where you want to paste the code. 

Paste the code you copied from your video source( mine is youtube)  into the content  … see below 

video embed made easy

Click on the right top corner text… Don’t worry when you see all the coding language.  Scroll down where you marked your page where you want to insert the video.

insert the video

6. Update your Page

Go up to the top on the right and click update your page. see picture below 

Update the page

Ones you have clicked update wait until your page is loading. When the update is finished go back to visual and you can check if your video is displayed properly.

7.YouTube Video is visual.

Click in the right corner on visual and you can see your video in the content. 

Video finish embedded.

8. Check and remove the wordmarks you wrote

That was easy right. Now take out the wording “insert video” as you do not want to have it appear in your content. That was only a help for you to see where you wanted to add the video within the text tab. Coding can be confusing sometimes. 

9. Not happy align your YouTube Video in the middle of the page

If you see now that your video is not in the middle and is aligned right than with a bit of HTML Coding you can move the video into the middle of the page. It will look so much better. 

Download our free ebook “Learn the real secret to Email Marketing” Click here 

Email Marketing Secrets

How to reposition YouTube Video into the centre? 

First step 

You will need the YouTube embed code what you have inserted in your page through the text tab.

You see below the code of the video code what will be automatically aligned left. Scroll up to see how to get the code.

Here are the instructions in short again without pictures.

* Grab the code you want to insert from the YouTube( or video source you chose to have) page via the share >then embed * 

Copy the code and go to the page you want to embed your code and click on your page right at the top “text”  paste the code. 

video code copied from youtube

Second Step

To change your code * Now right click with your mouse so you can edit the HTML code. Insert the following at the front of the code where it says <iframewidth=…..

enter code to align center

Click on the right at the top update the page again and check that your video is now aligned in the centre. Some pages or post look ok when the video is aligned on the left side but sometimes it just looks nicer when it is aligned in the middle. 

Change the Height and Width of the YouTube Video.

You can also change the width and height of your video. Just enter the dimensions you want to have.

Just make sure it looks in proportions. Below you can see the picture in yellow where you can change the size.

Make sure you do only change the numbers all the rest leave the same instead of 560 use 680 and instead of 315 use 415 ( just an example.) change the size of the video

Did you enjoy the Tutorial On How To Embed A YouTube Video Into Your WordPress Site! The right way and the wrong way.

Please be so kind and share. Visit us on Facebook

I hope you enjoyed this training.

Do you want to know where you can learn all this in a blink with great support and always a helping hand around when you are stuck?

Download our free ebook “Learn the real secret to Email Marketing” Click here 

Email Marketing Secrets

Find out how…

Find out about the amazing Training Platform with hundreds of video tutorials.

Also, read the Best Affiliate Program 

How to make money from home 

The Key to success

All your Sylvia

2 Replies to “Tutorial On How To Embed A YouTube Video Into WordPress! The right way and the wrong way.”

Leave a Reply

Your email address will not be published. Required fields are marked *

Sign up to our newsletter!