Full Screen video background template as3 version (Backgrounds) 0
File in action – click This file is constructed so that you can build your web site ( template or portfolio) by building upon this file.
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.
- 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.
- Video is a progressive flash video, that means it’s dynamically loaded from the server.
- Video is hidden on the start , until 5 seconds of the video are loaded, then we fade IN the video .
- You can change the number of seconds for the video to wait to be loaded, before playing.
- All elements on the stage are dynamically positioned on , and they reposition themselves every time the stage is resized.
- Video is always resized proportionally so it will never be distorted, and it will fill in the whole screen
- -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>
<videos random="0" folderpath="videos/">
<item name="movie 1" url="PLASMA HD.flv"></item>
<item name="movie 2" url="TECH DIF HD.flv"></item>
<item name="movie 3" url="PLASMA FLOW HD.flv"></item>
<item name="movie 4" url="preview.flv"></item>
<item name="movie 5" url="preview2.flv"></item>
</videos>
</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:
Check out their portfolios , they have many more great video files. Code is very well commented 
View my complete portfolio









subscribe to comments RSS
There are no comments for this post