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 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.
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.
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
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)
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)
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
6. Update your Page
Go up to the top on the right and click update your page. see picture below
Ones 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.
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?
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.
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=…..
Click 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.)
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 about the amazing Training Platform with hundreds of video tutorials.
All yours Sylvia