How to Embed Quicktime Videos on your Website

I spent the better part of today trying to figure out how to host and play video files on my website. This caused me endless hours of frustration, probably because I was trying to use Dreamhost’s QuickTime streaming service. It doesn’t work…or at least I wasn’t able to figure out how to make it work, and believe me I tried (grr). In the course of surfing around the web to find help (could Dreamhost’s support wiki be any more worthless??), I pieced together a solution. Here are the steps:

1. Prepare your video file with QuickTime.

  • Open the file with Quicktime
  • Export the file using “Movie to QuickTime Movie” setting (see below). Make sure you select the “Prepare for Internet Streaming” option and select “Fast Start”

quicktime export settings

2. Upload the file to your site. I created a new “media” folder (e.g., domain.com/media) for all my movie files.

3. Create a new html page and save as a regular html file (i.e., with .htm or .html extension). Here is the code to embed the video file:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
width="640"
height="496"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<embed src="/media/sample.mov" width="640" height="496" autoplay="false"></embed>
</object>

Note that you want to add 16px to the height value to show the controls on the bottom of the video player.

I have tested this in Firefox and Safari and it works fine, still need to get on a PC to test it in IE. I’m using QuickTime Pro Version 7.4.1 hosting with Dreamhost.

Here’s an example of the final product.

Advertisements

5 Responses to “How to Embed Quicktime Videos on your Website”

  1. Tom Gertin Says:

    I agree Dreamhost’s wiki is worthless. Thanks for the quicktime tip. I used it to embed video on my wordpress blog!

  2. website video production Says:

    Wow! You know heaps!!!

  3. Magician For Wedding Says:

    Having read this I thought it was rather informative.
    I appreciate you finding the time and effort to put this content together.
    I once again find myself personally spending way too
    much time both reading and posting comments.
    But so what, it was still worth it!

  4. www.lestor.pl Says:

    Right here is the perfect web site for everyone who
    hopes to find out about this topic. You understand so much its almost
    tough to argue with you (not that I personally would want to…HaHa).
    You definitely put a new spin on a topic which has been
    written about for ages. Great stuff, just excellent!

  5. machine de mise sous pli traduction anglais Says:

    machine de mise sous pli traduction anglais

    How to Embed Quicktime Videos on your Website | Eric Thoreson

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: