Shpeke
07-14-2010, 03:29 PM
Hey Everyone... I'm looking into how 'in-page video' applications are created. http://www.liveonpage.com/
I understand how the video is created but not how to build the flash video player and code to embed in a web page. Any help or direction would be GREATLY appreciated! :D
Eye for Video
07-14-2010, 06:51 PM
The video is created against a green screen and then the green is all removed and the alpha channel included in the rendering.
Then create a Flash video player large enough to hold the video. Place on the page with Wmode transparent, so what's behind the video will show thru.
Then, use CSS, z-indexing, and declared positioning to place the Flash video player over the top of whatever part of the page you want.
If you've never done any of this before, break it down into sections and get that right before combining all the sections.
First, shoot green screen and render, including alpha channel.
Second, learn how to place a Flash video player on the page.
Third, learn how to use CSS and declared positions.
http://www.webdeveloper.com/forum/showthread.php?t=230275&highlight=wmode+flash
After you can do each section separately, then put them together.
Here is a sample page using swfobject to place Flash on the page. The Flash in this case is layered between 2 layers of html text. To get a spokesperson video above just one layer, the exact same technique is used. Copy and paste the source code into a blank page of your own and practice moving the layers up and down in the stack.
http://www.cidigitalmedia.com/tutorials/flash_div.html
Best wishes,
Eye for Video
www.cidigitalmedia.com
Shpeke
07-15-2010, 10:10 AM
Eye for Video,
This is perfect. Thanks so much for providing me this outline! It's good to know I wasn't too far off. This will help me immensely!
Much appreciated....:)