jQuery klicken Sie auf iframe Video (youtube)

Question

Ich habe eine HTML-iframe, die nur ein eingebettet YouTube-Video enthält. Ich versuche eine Aktion auszuführen, wenn der Benutzer auf das Video/Iframe klickt, aber nicht funktioniert. Hier Code ist:

html:

<iframe id="myVideo" autoplay="true" src="https://www.youtube.com/embed/pyvGEnmv1E0"></iframe> 

jQuery:

$(function(){ 
    //line in question: 
    $('#myVideo').contents().find("body").click(function(){ 
    //perform action here 
    }); 
}); 

Auf der "Linie in Frage" oben, ich habe auch versucht, die mehr Einfach-

$('#myVideo').click(function(){}); 

aber das scheitert auch. Jede Hilfe wird wunderbar geschätzt.

Andrew

Answer 1

Wenn Sie nicht brauchen, Ereignisse auf das jeweilige iFrame zu durchkommen, könnten Sie ein Overlay verwendet werden, und erfassen das Click-Ereignis, dass auf.

So:

HTML:

<div id="myVideoWrapper"> 
    <iframe id="myVideo" autoplay="true" src="https://www.youtube.com/embed/pyvGEnmv1E0"></iframe> 
    <div id="myVideoOverlay"></div> 
</div> 

CSS:

#myVideoWrapper { 
    position:relative; 
} 

#myVideoOverlay { 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

JS:

$(function(){ 
    $('#myVideoOverlay').click(function(){ 
     alert('clicked'); 
    }); 
});