Web Design Blog : Toolkit Websites

Web Design Blog

Toolkit's Guide to: Embedding a Youtube Video


When it comes to embedding your Youtube videos onto your website, there are some easy steps for you to take.

The first step is to go to your video URL and click on the "share" option:


The next step is to go to the "Embed" Section:


Once there, you will be able to fill out any personalised items that you want. For example, if you don't want "suggested videos" to appear at the end for people to click, you'll need to make sure that you specify that. You can also give the video a size and whether the title is shown or not.


You can then copy the Embed code shown at the top that looks like this:

<iframe width="1280" height="720" src="https://www.youtube.com/embed/qsPeTUrfLns?rel=0" frameborder="0" allowfullscreen></iframe>

This is the code you need, to embed the video onto your website.

Now, you will need to login to the Toolkit, go to the page that you want to add the video to. Click on the "Source" of the page as seen in the screen shot:




You will then need to insert your embed code into the Source:



Then press the source code again to see the iframe has been positioned. You can double click on it to change it's size etc.


Click "Save Changes" and your video is live on your website page!