Video Desk – Beyond Simple Video Hosting
    Sign Up  |  Login  |  Support  
Get Flash Player

Home > Embedding a Video in Your Web Page

Embedding a Video in Your Web Page

Included with every Video Desk Account:
Flash Video Hosting Flash Video Hosting
Windows Media Hosting Windows Media Hosting
Web Audio Hosting Web Audio Hosting
Video Email Video Email

    ARTICLES    Streaming Technology
    ARTICLES    Creating Flash Video for Sharing on the Web
    ARTICLES    Embedding a Video in Your Web Page
    ARTICLES    Speak Up! Giving your Web Site a Voice
    ARTICLES    Playlists: A video library on your web page

The Web is all about communication.  Whether you're designing a site for a client or sharing a video clip on your LiveJournal, sooner or later you would want to include streaming video on a web page.

With Video Desk, it's easy to embed video in any web page.  The process is very simple: Video Desk creates the necessary code for you.  All you have to do is copy it into your page.  Your web site can remain with your existing provider while the Video Desk service delivers your streaming video.

For this article, we'll assume that you have already created your video clip and uploaded it to Video Desk using the Media Manager.  We'll embed the video into a blog using Google's Blogger service.  The same techniques will work with any kind of web page, as long as you can add code to the page's HTML.  In the case of Blogger, I click on the Edit HTML tab.

embed video fig.1

Figure 1

Once you log into your Video Desk account, click on Webmaster Tools.  There are several choices available.  To embed a clip, click on the Video Buttons link.  On the Video Buttons page, click the Browse link to select a file to stream.  You can select from a list of all the streaming media files stored in your account.  Just select the "bubble" (radio button) next to the clip you'd like to stream and click the Select button.

The other selections on this page are optional.  You can choose to stream the video at a size other than its original dimensions, either 320x240 or 160x120 pixels.  By default, the embedded clip will Auto-play as soon as the page is loaded, but you can choose to keep it stopped until the Viewer clicks Play button. (This is a good choice if the user has to read some introductory material before seeing the video.)

embed video fig.2

Figure 2

When you click the Create HTML code for Video button, Video Desk supplies you with the HTML you need to create the embedded video.  Now, just copy that code and paste it into your web page.

And the blog entry will end up looking like this:

embed video fig.5

Figure 3

The entire process consists of only five steps:

  1. Go to Webmaster Tools and then Video Buttons.
  2. Pick the file to embed.
  3. Choose playback options.
  4. Create HTML code for Video.
  5. Copy the code into your web page.

It's that simple.  In fact, the html code that Video Desk creates for you is fully editable and enables you to create a customized page for your site, in which your video will be displayed.  You may design this page to look like the rest of the pages in your website.  With this unified look and smooth integration, no one viewing your site will think of the video as coming from anywhere else.  Visitors will see a single, smoothly-working web site.

Using Video Desk, you can easily include your video clips in any web page (including blogs, MySpace pages, Live Journals, and any other page displayed on the Web).