Applying javascript to hotspots.

[Solace]

Hello all, I was wondering if this is possible. I have an image that is part of a player skin. I am targeting a streaming video into the player. The image at the bottom has controls as part of the image (play, stop, pause, etc). I want to apply a hotspot to each control image and use javascript to make each button perform its desired function (If you click the stop button the video will stop, etc). Is this possible, and if not, what would be the best way to accomplish this.
PS-I do not want the player controls to show. Thanks much

[liorean]

Well, it will only work for ActiveX or LiveConnect enabled browsers and for plugins that are made to work with browsers using these technologies. That means that it will not work in Apple Safari as of now, for instance, unless the player is a Java applet. Then you must count in the fact that not everyone have the same plugins. And finally the fact that not all plugins allow hiding the controls. Creating your own DHTML control is easy, you can do it either through clientside imagemaps or through splitting the images and making the parts links. The only problem on the browser side is the mentioned ActiveX or LiveConnect support that may be lacking. The rest are factors with the plugin, really.

[Solace]

First, thanks for your reply. I am not worried about cross browser compatibility because the streaming video is going to be for a private event and all attendees will be aware of the system requirements. What would you recommend as the best way to go about it? Thanks again.

[liorean]

A client side image map would be the best solution, I think.

(You don't happen to be an old Dominion player perchance?)

[Solace]

No, not Dominion, But lots of others . Thanks for your help, I am going to go research client side image maps and give it a try.