2017-07-13 4 views
0

Ich implementiere ein Plugin, um Youtube-Videos in einem Modal zu laden (https://appleple.github.io/modal-video/). Das Problem ist mit der Kreuztaste im Modal.Youtube Modal funktioniert nicht

Wenn ich die Seite nicht aktualisiere, klicke auf den Kreuzknopf auf dem Modal und dann erneut auf das Video, das Klick-Ereignis wird zweimal statt einmal ausgelöst. Ich bekomme zwei Modalitäten. nur geschehen, wenn

$("#runVideo").click(function(event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    console.log("mydick"); 
    $("#runVideo").modalVideo({channel:'youtube'}); 
}); 

Antwort

0

Also, wenn Sie jemals einige Klick-Ereignis wollen:

Meine JS für das Lauf ist ziemlich einfach:

HTML-Code:

<a id="runVideo" data-video-id='XXXXXXX' class="white"> 
    <span class="glyphicon glyphicon-play-circle"></span> Want to know how we do that? Watch our video. 
</a> 

JS-Code Wir müssen den Click-Handler bei jedem Klick lösen. Also, so etwas wie ausgearbeitet

$('#runVideo').bind('click', function() { 
     $(this).unbind('click'); 
     alert('Clicked and unbound!'); 
     $("#runVideo").modalVideo({channel:'youtube'}); 
});