Can someone explain how this is done?

[THEwagner]

I recently stumbled across a banner ad for an iPod where the animation appears to jump out of the stage and onto static HTML content and dance around a bit. I found a blog detailing the users opinion on the SWF, but not how its accomplished.

*click on the video on this page:
http://www.jonnymac.com/blog/2007/02/13/ipod-banner-ad-abuse-of-screen-real-estate/


Can anyone point me in a general conceptual/technical direction?

[LOLFlash]

Adobe After Effects

[THEwagner]

How does After Effects allow the video to play over the HTML?

[Noct]

Whether or not it was created/modified with AE is irrelevant, its a Flash file now, and it's "spill-over" effect has nothing to do with AE.
It looks to me to be just a banner add running on top of a webpage, like you see all the time. The only trick here is that parts of it are transparent.

[myth]

as noct said:

transparent flash positioned with a css div-layer with a higher z-index than the html content. Easy slice ;)

[THEwagner]

Thanks for the reponses. How do you make a transparent background in Flash?

[Rossman]

The stage itself is transparent, so just leave the stage empty except for your content.

[LOLFlash]

in my IE7 I don't see anithing over HTML.

[orange gold]

maybe it was a popup add with no exit option that appears in that position on your screen so it looks like a banner add?

[orange gold]

the color code for transparent background that worked for me was #D0D0D0 and then they could have used a code so when you right click it shows menu options such a s view source to trick you so no one will copy there idea of a popping out add here is a basic code i put together on one of my games here is the code for right click that would go on frame 1 ...
...
function deadClick () {
}
function gotoMySite () {
getURL("http://albert.teleinc.com/", "_top");
}
var myMenu:ContextMenu = new ContextMenu();
myMenu.hideBuiltInItems();
var copyrightNotice:ContextMenuItem = new ContextMenuItem("dont cheat", deadClick);
var mySiteLink:ContextMenuItem = new ContextMenuItem("my site", gotoMySite);
myMenu.customItems.push(mySiteLink, copyrightNotice);
_root.menu = myMenu;

[pinome]

I tried figuring it out either and miserably failed LOL.
here's what i got so far Banner Test (http://www.pinome.com/3dsample/test.htm)

[THEwagner]

I guess I don't understand how to set up my movie to have a transparent background (Flash 8).

To set up the document I go to
modify > document

where it prompts frame rate and background. I'm assuming this is where one would set transparency. I only see solid colors here?

Thanks!

[Noct]

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
http://www.flash-here.com/tutorials/flash_transparent_bkg.html
http://www.kirupa.com/developer/mx/transparency.htm

[THEwagner]

Case closed! Thanks for the help!