Rollover on Video

Question

I am an flash newbie, so this may be a FAQ I can't find
because I'm using the wrong terms. I am creating a custom flash
video player interface. I have managed to put a video element (not
a component...just "New Video..." in the Library) on the stage, and
add play and pause buttons with appropriate behaviors. The buttons
are custom buttons created in photoshop and imported into the flash
movie. The are positioned directly over the video element itself,
so they display on top of the playing video. All this works
perfectly.
Now I want the controls (buttons) to only appear when the
moust is over the flash movie. When the user mouses out of the
movie, the controls should disappear. I can't figure out how to do
this. I tried:
1: binding functions to onMouseOut and onMouseOver on _root
-> simply doesn't work
2: turning the video element into a movie clip -> the
video no longer plays
3: Adding a button with 0% alpha over the conroller area and
listing for mouse events on it -> this works, but the invisible
button consumes the mouse events so my controller buttons no longer
work.
4: Putting my controller buttons into a new movie clip (I
have it set upt his way anyway) and listening for mouse events on
thie movie clip itself -> I don't really understand what's
happening with this one. I wrote hide() and show() methods and
added them to the movie clip. They just show and hide the child
elements of the clip as appropriate. For some reason, when I mouse
out of the movie clip, the elements in it hide, but then it never
respondse to rollovers again, as though the entire clip has been
made invisible. Also, with this setup, again, my mouse clicks never
make it to the buttons themselves.
Is there a "right" way to do this? What approaches make
sense? Again, ideally the controller I've designed would appear
whenever the user rolls over the video itself, and then disappear
when they roll out.
Thanks!
Geoff

Answer 1

Try adding the video by dragging the MediaDisplay component
to the stage and giving it the instance name of vid1. You can then
add the Actionscript to control it and the content it contains.
vid1.contentPath = "xxxx.flv"; // your flv name
Then you can use the following code to show and hide your
controls:
vid1.onRollOver = function (){
trace ("rollover video");
controls._visible = true; // whatever your controls are
called make them visible
vid1.onRollOut = function (){
trace ("rolled off of video");
controls._visible = false; // whatever your controls are
called make them invisible
controls._visible is just an example. Replace the name
controls with the instance name of your controllers.