mouse click coordinates on a quicktime movie

frostysun · Oct 12, 2006

Hello,

I'm having a problem retrieving mouse-click coordinates on my quicktime movie. I'm using an <object> tag to embedd the player on my page. Since the object tag has no onclick event, I've also tried superimposing a div tag, and a transparent image on top of the object tag. But for some reason the object tag still dominates and I can't access the mouse coordinates.

I would appreciate any input on this matter.

Regards,
-Sanaz

BillyRayPreachersSon · Oct 12, 2006

Place a transparent iframe over the object and detect the co-ordinates on that instead.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

frostysun · Oct 13, 2006

Hey Dan,

I placed a transparent iframe on top, but the quicktime movie still dominates and whenever I click on the movie, the object tag takes control and the iframe is ineffective in obtaining the mouse coordinates

when i placed an image in the iframe and used a simple javascript alert to test if it detects a click on the image, I still did not get any alerts when i clicked on the part of the image that was lying underneath the quicktime movie, instead (according to the quicktime control) when i click on that part of the movie, it starts to play... I'm not sure why the image goes under the object in the first place..

Here's my code:
....main page....

<iframe src="iframe.html" name="myframe" width="100%" height="100%" frameborder="0" allowtransparency="true" scrolling="no" ></iframe>

<div alt="Video" style=" color: #000000; Position: absolute; left:100px; top: 100px; width:600px; height:600px; " >

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" height="256" width="320" CODEBASE="

http://www.apple.com/qtactivex/qtplugin.cab"

id="myVideo" onclick="alert('hi');">
<param name="src" value='/tracking/video/<?=$myVideo?>'>
<param name="autoplay" value="false">
<param name="controller" value="false">
<param name="scale" value="Aspect" />
<param name="bgcolor" value="black" />

</object> </div>

........iframe.html.......
<BODY >

<style type="text/css">
body {background-color: transparent}
</style>

<div id="testest2" alt="Video" style=" color: #FF0000; Position: absolute; left:20px; top: 100px; width:800px; height:800px; " zIndex='5' >

<input type='image' id="picture1" src='/tracking/me.jpg' alt="Face 1" name='myVideo' style="position: left:20px; top: 100px; cursor: crosshair; width:200px;" onclick="alert('hi');">
</div> </body>

Thanks for your help,
-Sanaz

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

mouse click coordinates on a quicktime movie

frostysun

Technical User

BillyRayPreachersSon

Programmer

frostysun

Technical User

Similar threads

Part and Inventory Search

Sponsor