Popup Video Setup
This support page includes info if your template has video popups and a "videos" folder. See the sidebar links on this page for links to other video types.
See the "video step" on your template "help.html" for the correct support page link.
Some Allwebco templates include popup videos. The videos can be a .wma, .wav, .mp3, .au, .avi, .mpg, .mov file or most any other audio or video format. Also see the welcome message add-on page if you want to download and add this to your template or update an old message version.
Overview: About the Code
Files and images for the popup video can be found in the "videos" folder. The video popup window sizes are found in the "pop-closeup.js". Fonts colors and sizes for the video popups are found in the template CSS file.
Files you can edit
In the "videos" folder you can edit any of the files. You can replace or edit the video popup graphics by editing the images in the "videos" folder.
The popup HTML pages
Edit the "video-quicktime.htm" and "video-winmedia.htm" HTML pages in the "videos" folder to edit the video popup text. You can edit these pages with any HTML editor like Dreamweaver or Frontpage or with a plain text editor like Notepad.
Changing the video file type | Click for .js file help
To change the file to use for the video popups edit the "player-quicktime.js" and "player-winmedia.js" in the "videos folder". For Windows Media it's best to use a .wma file for video or mp3 for audio. For the Quicktime player it's best to use a .mov file for video and a .mp3 for audio. An .mpg video file should work for both if you do not want two file types. Place your movie or audio files in the "videos folder".
Editing the video area sizes | Click for .js file help
To resize the video area edit the "player-quicktime.js" and "player-winmedia.js" files in the "videos" folder.
Graphics buttons and fonts
The graphics used for the video popups can be found in the "videos" folder. You can edit these with any graphics editor. Font sizes and "close" button code can be found in the CSS file.
Adding more video popups
You can copy the existing code to add more video popups. Here are the steps.
In the "videos" folder: Make a copy of the "video-quicktime.htm" the "video-winmedia.htm" the "player-quicktime.js" and the "player-winmedia.js".
Name these four files with a "-b". For example rename the "player-winmedia.js" copy to "player-winmedia-b.js".
Place your new movie files in the "videos" folder.
Edit the two new "-b" .js files with your new movie names.
Edit the two new .htm pages to call the two new .js files.
Move out of the "videos" folder. Now you will copy to add the popup code to your HTML pages like the "window_press.htm" or "video.htm". FInd the existing code notes in the pages. Notes like "START CODE FOR VIDEOS" to the "END" note. Copy the code between the notes and paste this later in the HTML page or paste this into a new HTML page.
Now edit the links in your pasted code to call the two .htm pages you created in step #2 above. EXAMPLE: Edit the "video-winmedia.htm" link so it opens the new "video-winmedia-b.htm".
Video editing software
You can use "Windows Movie Maker" included with most versions of Windows. Check the Microsoft Movie Maker Website for details. Movie maker can edit .avi and .mpg movies, however, this is a limited version of the software and does not include a lot of editing options.
The following software includes many more video editing options including animated captions, better transitions as well as .flv conversion for Flash video and YouTube videos.
