CSS hover

[andrewsmd]

I have a video and when the user hovers over it I would like "double click for full screen" to pop up. How do I do this with CSS? Can I do this with CSS? Thanks, here is my embed code
<div id = "movieObject">

<OBJECT ID="MediaPlayer" WIDTH="300" HEIGHT="300" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject" class = "movieHover">
<PARAM NAME="FileName" VALUE="myFile.wmv">
<PARAM name="autostart" VALUE="false">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<span class = "test">test</span>
<EMBED TYPE="application/x-mplayer2" SRC="myFile.wmv" NAME="MediaPlayer"
WIDTH="300" HEIGHT="300" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>
</OBJECT>

</div>

[birdbrain]

Hi there andrewsmd,

I think that the only option available to you, without using javascript, is to add this attribute to the object element...

title="double click for full screen"

birdbrain

[andrewsmd]

I added the title element but it didn't work. I don't mind using JS I'm just not that familiar with it. Do you know the code for that?

[birdbrain]

Hi there andrewsmd,

the quick dirty method would be to add this to the object element..

onmouseover="alert('double click for full screen')"

birdbrain

[andrewsmd]

Is there a way to not have the alert box. I know I could echo some inner html but then I would have to position a div somewhere and that would look funny.

[swa66]

Have you tried adding an element inside the surround div, and then hide that content by default, while makign it visible on hover of the div ?

For normal elements this would work, I'm a bit unsure with flash objects.

[andrewsmd]

How do I do that exactly. I am just a PHP backend man. I'm not very good with making things look pretty on the front end. This is a windows media player object too. Could that be screwing it up? Thanks for all of your help.