Home

  • Basic Tutorial
  • Overview

    Domain Name

    Web Host

    Designing

    Uploading

  • Other Information
  • E-Commerce Website

    Making Money

    Getting Traffic

    Website Additions

  • Navigation
  • Sitemap

     

     

    Home > Website Additions >

    Adding a Video to Web Page

    Videos can be very useful in tutorials and presenting music videos and other interesting content in a website. Still, before you append any video to your website, it's good to understand some things:

    1) Videos can take significant amounts of web space

    2) Videos use alot of bandwidth. Every time someone clicks the video running and watches it, you have lost bandwidth equal amount to the size of the video.

    3) Videos shouldn't be the only source of information on the website, you should offer visitors a possibility to read all the information that is shown on videos.

    Be certain to evaluate how much your videos will suck up your bandwidth and how much you have it for your disposal. You might exceed your limits and be charged an extra payment by your web host.

    How to Upload and Embed a Video?

    Uploading a Video

    Well, nothing special really, first you must upload your video to your web server. You may be willing to make a file called "video" and save it there. The address to your video will be something like http://yoursite.com/videos/MyVideo.avi.

    Embedding a Video

    Apple has a brilliant web player, the universal code for it is:

    <object width="320" height="240"
    classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    codebase="http://www.apple.com/qtactivex/qtplugin.cab">
    <param name="src" value="http://www.yoursite.com/videos/MyVideo.avi">
    <param name="controller" value="true">
    <param name="autoplay" value="false">
    <embed src="http://www.yoursite.com/videos/MyVideo.avi"
    width="320" height="240" controller="true" autoplay="false"
    scale="tofit" cache="true"
    TYPE="video/mp4"
    pluginspage="http://www.apple.com/quicktime/download/"
    </embed>
    </object>