How to add digital camera video (AVI) to a webpage using Adobe Dreamweaver

First we need to convert our .avi file from the digital camera into a .flv (flash video) file, so it can be viewed on the internet.

  1. Open Adobe Media Encoder CS4 (located in the Adobe Design Premium CS4 folder in the start menu)
  2. Click the “Add” button.
  3. Double-click the .avi file you wish to convert.
  4. Click the “Settings” button.
  5. Change the “Preset” drop-down to be “FLV – Web Medium”
  6. Click “OK”
  7. Click “Start Queue”

Now we can insert the FLV file into a webpage using Adobe Dreamweaver

  1. Put the cursor where you want to insert the video.
  2. Click “Insert” drop down.
  3. Click “Media” then “FLV…”
  4. Click the “Browse” button.
  5. Double-click the FLV file you just created.
  6. Make sure to copy the file to the appropriate place in your website, if you haven’t already.
  7. Click “Detect Size”
  8. Check “Auto play” and “Auto rewind” if you want those functions.
  9. Click “OK”
  10. Save the page and check it in. Be sure to check in the whole folder, so your FLV file is uploaded as well.

2 thoughts on “How to add digital camera video (AVI) to a webpage using Adobe Dreamweaver

  1. Aubrey

    Hey,

    my computer shows an error when i follow these instructions and beginning to annoy me.

    ‘The URL can not contain spaces or special characters.
    Change the path or file name and try again’?

    Can you help…

    Cheers

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.