Onclick event is not working with videos

Question

I am added Youtube video in my website. In my site when we click on any element like

image, text etc a jquery ui dialogs open which contain that element properties. But this

behaviour is not working with youtube video , when i click over the video it just start

playing the video. I want to open a dialog on click over the embeded video. How can i do this?

Did you look at the API of the `Youtube` video control? – gdoron Jun 19 '12 at 14:04 — gdoron, Jun 19 '12 at 14:04

score 3 · Answer 1 · answered Jun 19 '12 at 14:06

The video itself is not an element in your DOM. And the video embedding container element is either not the same size as the video (likely just 0 px) or it is "behind" the video.

So, the embedding tag does some sort of work (I don't know the details) to pop the video player including controls into that space.

If you want to modify how the video is controlled, you need to look into its API (as I just noticed gdoron's comment popped up while I was typing!). You could layer an element over top of the video that listens for clicks, but in my opinion that is a hack and could potentially break other interactions.

I was writing the same thing, when I saw that you already finished it. :) When layering a absolute positioned element on top, you could somehow delegate the click event to the flash player in the iframe/object your video is in. — insertusernamehere, Jun 19 '12 at 14:18

score 0 · Answer 2 · edited May 23 '17 at 10:34

0

Maybe this can help: http://progproblems.blogspot.it/2009/08/javascript-onclick-for-flash-embeded.html

and also somehow duplicated here: javascript onclick event over flash object

edited May 23 '17 at 10:34

Community

1
1

answered Jun 19 '12 at 14:07

MaJac89

151
4

Onclick event is not working with videos

2 Answers2