Superimposing video on top of a webpage

Posted on 2009-04-22
Medium Priority
Last Modified: 2012-05-06

Can anyone tell me how to create video that seems to be superimposed on a website, similar to the following:


Looking at the source code, it looks like it might be "transparent" flash? Is this something that a client can take with their camcorder, then how do you convert it to flash?


Question by:anniengodis
  • 2

Accepted Solution

ariestav earned 2000 total points
ID: 24211613
You have to shoot the video with your subject (actors) in front of a greenscreen.  Then you bring this video footage into a post-processing application that allows you to key out the green background.  This can be done with Adobe AfterEffects, and other software that allows you to key, but AfterEffects is preferable.  When you key out the background, you will create what is called an alpha channel in the video.  This information is essentially a black and white representation of what parts of the video are to be masked out..  Once you finish keying (usually with the KeyLight effect in the Effects menu in AfterEffects), you can export the video from AfterEffects to .FLV and there is an option to save the alpha information.  You then import that file into your Flash IDE and you use it as the src parameter for an FLVPlayback component from the component library.

Then you can export the Flash move to a .swf that can be embedded into a div that can be placed anywhere on the page.  You will then be able to see the content of the webpage show through the masked areas (or keyed areas) of the video.

Author Comment

ID: 24220261
Thanks ariestav! Very detailed instructions.  Unfortunately I have CS3 Web Premium, which doesn't have After Effects.

Holy Cow I just checked out purchasing After Effects and it's $999! Do you know the next best thing?

Expert Comment

ID: 24220928
Premiere has a basic keyer that should be able to handle it.  To make your life easier, you really do need an Adobe video application (i.e. AE or Premiere).  I am sure there are third-party video apps that can convert to FLV format and maintain the alpha information, but I don't know of any off the top of my head. . .

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I come across a lot of question about how to access things in the document class from a movieclip, or accessing something from a movieclip in the document class. It took me a while to figure this out but once I did it makes life so much easier. …
The last time I worked with Flash and Socket connections was in AS1. A recent project required flash connecting to a Socket, and sending receiving information - we figured it would be easy enough - we all know about the socket policy documents and c…
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.
Suggested Courses
Course of the Month15 days, 12 hours left to enroll

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question