[Media] How to Embed Videos

Guide to Embed Videos

Locate the video you would like to include and copy the embed code. For Youtube videos, this code is found within the "share" menu. For the video above, it looks like this:

<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/AqZA77eABRI" width="560"></iframe>

Youtube also has an option to share without having to type this code. First, click on the Share button which is right below the video. Then, when the box appears, click on the Embed button. A code box should appear to the right side. Select the code, copy and then paste it to whatever webpage you wish to embed the video.

What about non-Youtube sites?

Youtube is not the only site you can embed videos; it is simply one of the most popular video sites and one of the easiest to implement. For other sites which do not have the Share button readily there for you, you have to take some initiative and identify the site yourself. Here, I have embedded a Viki video.


<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.viki.com/player/1121215v" width="560"></iframe>

The hardest part is to get the source link. A technique which frequently works is to look at the source code of the webpage and find the embed tag. To look at the source code, in Firefox, just press CTRL+U or right click and click View Page Source. The source code allows you to find the embed tag. After finding the embed tag, copy and paste the embed tag's src URL into the iframe src property. The picture below shows what I mean.