Built-in Template Tour Setup

Product tour script HTML website setup

Outdated: The following is options for using video with an Allwebco tour template.

UPDATE 2/6/2006:
If you purchased a tour template before 2/6/2006 and you are using video in the tour you may want to download a new "EXAMPLE-tour-video-WIN.zip" that has been re-coded for the Netscape and Firefox browsers.

Download EXAMPLE-tour-video-WIN.zip (Templates purchased before 2/6/2006)



Using Quicktime video in the tour page:
EXAMPLE: In tour #1 you would like the starting scrolling image to show a Quicktime video instead.

Step #1. Rename or delete the "tour1.htm" inside the "tour_folder-1" to any other name.

Step #2. Rename the "QT-EXAMPLE-tour-video.htm" inside the "tour_folder-1" to "tour1.htm".

Step #3. Place your Quicktime .mov file in the "tour_folder-1" folder.

Step #4. For 2009 and some 2008 templates if you have a "QT-video.js": Edit the "QT-video.js" and edit the "sample-video.mov" at the top of this file with your movie name. Be sure you edit this with your exact .mov file name letter for letter. Also, remember that hosting is case sensitive.

Step #4. (Older template models)
Edit your newly named "tour1.htm" in an HTML editor or Notepad and change "your-video.mov" in 2 places to your .mov file name. Be sure you edit this with your exact .mov file name letter for letter. Also, remember that hosting is case sensitive.

Step #5.
Test tour number one in your template.

Notes: You can also use video for any of the other pages or for all of them by making copies of the "EXAMPLE-tour-video-QT.htm" and renaming these copies to "tour1.htm" through "tour5.htm" in the "tour_folder-1" or any of the other tour folders.

You will also need to make a copy of the "QT-video.js" file for each movie you place in the tour and edit each HTML tour page to "call" the "QT-video.js" file copy. You may also need to edit the HTML tour pages and the "QT-video.js" with your video height and width numbers in some cases.



Using a Windows media video in the tour page:
This should be in most cases a .wmv or .mpg file. EXAMPLE: In tour #1 you would like the starting scrolling image to show a video instead.

Step #1. Rename or delete the "tour1.htm" inside the "tour_folder-1" to any other name.

Step #2. Rename the "WIN-EXAMPLE-tour-video.htm" inside the "tour_folder-1" to "tour1.htm".

Step #3. Place your .wmv or .mpg file in the "tour_folder-1" folder.

Step #4. For 2009 and some 2008 templates if you have a "WIN-video.js": Edit the "WIN-video.js" and edit the "sample-video.wmv" at the top of this file with your movie name. Be sure you edit this with your exact .mov file name letter for letter. Also, remember that hosting is case sensitive.

Step #4. (Older template models)
Edit your newly named "tour1.htm" in an HTML editor or Notepad and change "your-video.mpg" in 2 places to your .wmv or .mpg file name. Be sure you edit this with your exact movie file name letter for letter. Also, remember that hosting is case sensitive.

Step #5.
Test tour number one in your template.

Notes: You can also use video for any of the other pages or for all of them by making copies of the "EXAMPLE-tour-video-WIN.htm" and renaming these copies to "tour1.htm" through "tour5.htm" in the "tour_folder-1" or any of the other tour folders.

You will also need to make a copy of the "WIN-video.js" file for each movie you place in the tour and edit each HTML tour page to "call" the "WIN-video.js" file copy. You may also need to edit the HTML tour pages and the "WIN-video.js" with your video height and width numbers in some cases.



Related Topics:
Image tour add-on support
Responsive HTML popup webpage