When building a WordPress website, one of the things that you must know how to do, is to embed a Youtube video into your website. I have always focused on getting traffic from Youtube but never actually on adding the vi doe to your website. Embedding a video is not that hard to do, however there are a few different processes that you can use. These processes on how to embed a Youtube video could change from day to day.
At one stage you could not put Iframe code into your WordPress website so I am basing this tutorial on that fact. Youtube actually changed its embed code and took away the option to get the old code. However now I notice that you can get two types of code from Youtube.
The actual code to embed a Youtube video html looks like this:
<iframe width=”480″ height=”390″ src=”http://www.youtube.com/embed/tmhksy12yt4″ frameborder=”0″ allowfullscreen></iframe>
The Old code looks like this below:
<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/3wkN_xCp4HE&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/3wkN_xCp4HE&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”344″></embed></object>
What happens when you embed a Youtube video into your WordPress website?
When you embed a Youtube video into your WordPress website, the video is available on your website for your visitors to view. This means that you are not storing the video, but it is available on your website to see. This way you can use Youtube’s bandwidth for free and still make your website look great with videos that you are either made yourself or requested from another Youtube user.
There is a big play button in the middle of the video for the person to press, and once they have done this the video will play. If they click on the video a few times they will be taken to Youtube, to the original page where the video exists. Therefore it is probably better if you do embed a Youtube video that you have made. Don’t worry if you haven’t got your own videos as it is definitely fine to embed someone else’s. In fact you are very welcome to embed any of my computer basics videos on your website.
How to embed a Youtube video HTML code into a WordPress website?
The first way to embed Youtube video into your WordPress website is to click on the box to use the old code. Int the screen shot below you can see the last box where the arrow is pointing to. You need to place a tick in this box to see the old code.
Select the code by making it blue, right click on the blue selection, and select copy form the menu.
Then you simple paste the code into the HTML section of your post or page.
The second option to embed Youtube video HTML into WordPress is to download a plug-in that will allow you to insert Youtube videos easily. I have “Iframe embed for Youtube” plugin. This means I only have to press a button and add the Youtube URL into the box provided and the video will be added into my WordPress post.
I have tried to press on the add video icon in WordPress but it will not embed the Youtube video. It will only make a link to the video.
Notes on how to embed a Youtube video:
- If you are pasting this into your HTML of a website you can paste this code anywhere between the <body> and </body> tag.
- You can also upload your own Youtube video to Youtube and then paste the code into your website. See how to upload a video to Youtube.
- In a forum post if embedding Youtube video’s is enabled then you can sometimes put the url of the video in between [youtube] tags [/yoututbe].
Adding video to your website can improve your websites bounce rate on Google Analytics as people will stay on your website for longer. Video also enhances how to tutorials and lessons by showing hands on situations. It is really like having a personal teacher in the room with you.