How To Insert a YouTube Video In WordPress!

A tutorial on how to embed a YouTube video on a Website.

Embedding a  YouTube Video in WordPress is easy when you know how to add it.  You can insert a YouTube Video either directly from a URL or you use the embedded code from Youtube or anywhere else. 

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. Sometimes I still use HTML coding as if I need to change a few things in a code. 

What is a Code

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

What is a Code?

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 new one or if you want to insert into an existing 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. 

2. Share the  YouTube Video.

How to share a video on your website

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

3. Share a Link Embed

Click on share the video

You can insert the video with the URL or you can share the video as a embed code. I choose the video with embed. Click on embed. A code will show on the site of your YouTube Video. ( see picture above)

embed the code into your site

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 text in the right corner of your post or page. ( see picture below)

video embed made easy

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 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 pageOnes you have clicked update wait until your page is loading. When the update is finish 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. 

So how to reposition the YouTube Video into the center? 

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 automaticly 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 souce 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 youtubeSecond 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 centerClick on the right top update the page again and check that your video is now aligned in the center. Some pages or post look ok when the video is aligned on the left side but sometimes it just look 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
I hope you enjoyed this training. Comment below if you want more training on website or html coding.

Feel free to download my cheat sheet for more HTML coding. If you liked this training then  please be so kind and comment.

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.

Find out how…

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

Also, read Best Affiliate Program in 2018 

How to make Money from home 

The Key to success

All yours Sylvia

Leave a Reply

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