Video Desk – Beyond Simple Video Hosting Video Desk – Beyond Simple Video Hosting
  Sign Up  |  Login  |  Support  

 Home > Embedding a Video in Your Web Page

Embedding a Video in Your Web Page

 
  free trial
  - 5 MB Disk Space
  - 100 MB Data Transfer
  - Free Support
  - Immediate Activation
  proceed

Included with every Video Desk Account:
flash hosting Flash Hosting
 
video hosting Windows Media Hosting
 
video email Video Email

   
    ARTICLES
 
    arrow Streaming Technology
    arrow Magic of Encoding
    arrow Why use a Streaming Server?
 
    arrow Embedding a Video in Your Web Page
 
    arrow Using Video Desk Content in Your LiveJournal
 
 
  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 Embed Code link.  On the Embed Code 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 Generate Code button, Video Desk supplies you with the HTML you need to create the embedded video.
   
 

embed video fig.3

Figure 3

   
  Now, just copy that code and paste it into your web page:
   
 

embed video fig.4

Figure 4

   
  And the blog entry will end up looking like this:
   
 

embed video fig.5

Figure 5

   
  The entire process consists of only five steps:
 
  1. Go to Webmaster Tools and then Embed Code.
  2. Pick the file to embed.
  3. Choose playback options.
  4. Generate the code.
  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).