Create a Banner Movie

2009

 

Steps to create a banner movie

Open Keynote and create a presentation of 910 pixels wide and 200 pixels high.

Export to QuickTime.

The QT movie has h.264 for video and AAC or MP3 for audio. (The Flash Video player provided in the download set below supports these codecs in .flv, .m4v and .mov files. That means you can simply change the extention from one to another.)

Open the movie in QuickTime player Pro and check to see if the movie displays as intended.

The result is perhaps not very satisfactory. The end of the movie ends in black.

In QuickTime player Pro, trim the end and save the movie.

Then export to QuickTime with settings h.264 for video and AAC for audio (if any) and the current width and height.

Assuming you have prepared the appropriate html file in the appropriate folder you want to embed, move/save the exported movie to that folder.

Open the html page in a HTML Editor of your choice and apply these changes: moviename, width and height.

In iWeb add a HTML snippet and paste this code:

<iframe src="/_Movies/iWebBannerVids/iWebBanner.html" width="910" height="200" scrolling="no" frameborder="0"></iframe>

src is the pathname on the webserver to the html file, the movie and everything else you use. The width and height are the same as the width and height you used in the html file. Could be different if you wish.

You can use any method to create the movie. As long as the result is a .mov, .m4v or .flv file that the Flash Video player understands.

Download the set of the Banner you see at the top of this page. Study the code and make the changes you see fit.

The HTML page is based on the Rolando Video page.