Article written

  • on 05.02.2010
  • at 03:45 PM
  • by

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.

File in action – click

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>
     <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:

  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

 

View & Download

Buy & Sell Flash Files – Flash Marketplace

subscribe to comments RSS

There are no comments for this post

Please, feel free to post your own comment

* these are required fields