DIY – Embedding Video

This week’s blogpost will be on how to embed video files into your website. The easiest way to do this is to directly upload and embed your video. This will require sufficient web space, which you can learn how to acquire easily and cheaply in my previous post.

Step 1 – Once you have uploaded your video, you should be able to access it with a url. Check and make sure it works by downloading it.

Step 2 – Once you’ve verified that your video has been uploaded, simply type in http:// and paste your video url in between the quotation marks. Unfortunately, this will automatically play your video as soon as the page loads, which makes it unreasonable if you plan to embed more than one video in the same page. To do this, move onto step 3.

Step 3 – Create download links using the <a href = ” “> tag. If the browser does not come equipped with a player, this will only allow for direct download of the video file. To embed the video in a manner that will not immediately play, turn to step 4.

Step 4 – This method involves uploading through youtube, vimeo, or any other video client. Most of these clients have embed options, though some take some digging. To access a youtube video’s embed option, click the “share” button. That will open up window with a link in it, and two buttons beneath, one of which will say “embed.” This is the code you want to copy. It should look something like this:


You can adjust the width and height in this code as you see fit.

That’s it. You’ve embedded a video in your web site.


~ by kravenergeist on April 17, 2011.

%d bloggers like this: