Full Screen video background template v2

This file is perfect to be used in:

• Plain HTML websites
• WordPress templates or any other publishing platforms or CMS

Examples of HTML and Flash implementations:

Wordpress implementation demo and tutorial

If you want to use this file as a background for your HTML site , I strongly suggest you to use the AS 3 version , because it is approximately 10 -15 times faster than this ( AS 2 ) version.

This file is constructed so that you can build your web site ( template or portfolio) by building upon this file. -Hi , this is a full screen video background , with video play list , it cycles through video backgrounds in sequence or in random mode. Everything is set through xml.

1. Video is loaded on the first layer in the file , everything else goes above the video layer, so all your graphics will show above the video.
2. Video is a progressive flash video, that means it’s dynamically loaded from the server.
3. Video is hidden on the start , until 5 seconds of the video are loaded, then we fade IN the video .
4. You can change the number of seconds for the video to wait to be loaded, before playing.
5. All elements on the stage are dynamically positioned on , and they reposition themselves every time the stage is resized.
6. Video is always resized proportionally so it will never be distorted, and it will fill in the whole screen
7. -There are two bars at the bottom red bar indicates how much of the video is loaded , and stage width represents complete video , even when the stage is resized , red bar will always indicate how much of the video is loaded , proportionally to the stage width.

- XML is very easy :

<data> <br />    <videos folderpath="videos/" random="0">        <item url="PLASMA HD.flv" name="movie 1"></item>        <item url="TECH DIF HD.flv" name="movie 2"></item>        <item url="PLASMA FLOW HD.flv" name="movie 3"></item>        <item url="preview.flv" name="movie 4"></item>        <item url="preview2.flv" name="movie 5"></item> <br />    </videos> <br /></data>

• folderpath=this is the url to the folder with the videos.
• random=this attribute accepts two values . 1 and 0 ;
  • 0 – is FALSE so the videos will play in sequence.
  • 1- is TRUE and the videos will play randomly.
• url=this is the url to the video , it will be added to folderpath value to form the complete path
• name=this is the name for the movie , that is shown in the demo.

videos used in demo are from:

1. http://videohive.net/user/baf2681
2. http://videohive.net/user/Hedley

Check out their portfolios , they have many more great video files. Code is very well commented

View my complete portfolio