 Sample Links: [ Video 1 ] [ Video 2 ] [ Video 3 ] [ Video 4 ] Skin Link: [ View Skins ] Application: [ Flash Video Player ] [ Support ] |
Before You Start: Adding video to any website is involved and not recommended for all users. You will need patience to get your videos to work properly on all computers and in all browsers. Be sure to test in multiple browsers. STREAMING: This is a Flash video streaming application, however, if you have problems after uploading, check with your hosting company and make sure you have streaming video setup with your hosting account. Flash Mini-Video Add-on Setup: This Flash application can be added to any website or any website template. View support and options for this add-on. View Allwebco add-ons. STEP #1: Copy Files | More Details Unzip the "Video_miniAddOn.zip" file and place the "Video-mini" folder and all files and subfolders in this zip file folder in your main template or website folder. Place the 5 HTML pages in this zip file in your main template or website folder. STEP #2: Test Player Open the "MIN-video-1.htm" in your main template or website folder. This video should be playing. If not try copying over the "Video-mini" folder in the zip file again. Click here to open the "MIN-video-1.htm" for this test. STEP #3: Prepare Your HTML Page For Video If you are adding videos to an existing HTML page or a new copy of a template page, you must add the following line of code to the "head" section of your page. Add this code just above the </HEAD> code in your HTML document. NOTE: You can view the source of any of the sample pages included with this add-on to see how this code is placed. STEP #4: Add 1 Video to Your HTML Page Copy the code below and add this to one of your template or website pages. Open the page and test the video. STEP #5: Replace With Your Flash Video Create a Flash video named "video-1.flv" and place this video in the "Video-mini" folder. Make this video 150 x 100 or 150 x 113 (See sizes below on this page). Click for help with creating or converting your video files. Open the page you added the code to in step #3 and #4 to test your video. STEP #6: Add 2nd Video to Your HTML Page Do steps #4 and #5 again. When adding the step #4 code use "video-2" instead of "video-1". Then replace "video-2.flv" in the "Video-mini" folder. You can do this for the first 4 videos, after 4 you will need to make copies of the .js files to add more videos. Also see the AUTOSTART option below on this page. STEP #7: Test Your Video Page Test your page after each edit in Internet Explorer and also in a second browser like Firefox, Chrome or Safari. STEP #8: Uploading | FTP Help When uploading to your hosting area be sure to upload the entire "Video-mini" folder and all files and subdirectories in this folder other than the "extras" folder. You do not need to upload the "extras" folder or any of the MIN-?????.html pages. Only upload the HTML page you added your video to. OPTIONS: Adding a Video to a .js File: If you are adding a video to a .js file like a "sidebar.js"; Open the "video-1.js" in a text editor, select all code and choose copy. Open your .js file you are adding the video to and paste this code into the file. Video Sizes You Can Use: | More Details This add-on includes 2 video sizes; 150 x 100 (16:9) and 150 x 113 (4:3). Any .flv video used will be shrunk to fit inside the mini-video area. You can optionally make the video larger, however, the controls will also expand to a larger size. More details on video sizes. Changing the Video Size: | More Details In the .js files in the "Video-mini" folder you can edit to use one of four different .swf files for your videos.
The controls in the player are 17 pixels high. Changing Skins: | More Details Edit the "video-1.js" in the "Video-mini" folder with your skin name. View available skins. EXAMPLE: Edit the "skins/white.jpg" code inside the "video-1.js" with one of the names on the skins page to use another skin. For Dark Skins: (White text and buttons) Edit the "video.js" file with either "150-100-dark.swf" or "150-113-dark.swf". For Light Skins: (Black text and buttons) Edit the "video.js" file with either "150-100.swf" or "150-113.swf". Making Your Own Skins: You can create your own custom player skin. New skins will go in the "skins" folder inside the "Video-mini" folder. Make your skins 100 x 17 pixels. PSD files are included in the "extras" folder to help create new skins. Edit the "video.js" file with your .jpg skin name. Autostart and Hide/Show Time Options: You can set the video to autostart or not play on load and you can hide the time windows in your videos by editing the yes/no options in the "video.js" files. Click for help with these options. Player Border & Background Colors: | More Details The video background color, border color and border width around the videos can be edited in the "video.js" files in the "Video-mini" folder. Editing the video.js Files: | Video Add-on Support Page See the Mini-Video add-on support page for help with editing the .js files in this application. The PSD Files: PSD files for the skin images can be found in the "extras" folder. PSD files are layered image files that are used when editing in Photoshop and some other graphics programs. Video File Length Limits: There are no set limits on the length or file size for this application. You can use any .flv file for this player. TROUBLESHOOTING: Wrong video or no video playing:
Video plays slowly:
If you do the steps above and the videos are not working:
Skin images not working: If the Video player skins are not showing up on the page here are some possible reasons.
|