Video (einmal) -Datentyp an Bildgalerie-Overlay mit jQuery anhängen

Question

Ich habe an einem jQuery Leuchtkasten für eine Bildergalerie gearbeitet, die Unterstützung für ein Video enthält. Ich habe nächste und vorherige Funktionen erstellt, so dass, wenn ein Benutzer auf die nächsten oder vorherigen Pfeile in der Überlagerung klickt, die Klick-Funktion durch die Galerie iteriert. Ich habe auch Tastaturnavigation über den Ereignishandler keydown() erstellt.

Ich habe ein paar Fehler mit dem Video gefunden. Es erscheint in der Überlagerung (wie es sollte), wenn ich auf das Bildminiaturbild vom DOM klicke, aber wenn ich über die Pfeile &/Navigation auf das Video komme, wird die Ausrichtung des Videos abgeworfen und es gibt doppelte Posts von das Video beim Vor- und Zurückklicken.

Hat jemand jemals diese Fehler beim Hinzufügen von Videofunktionen zu einer Bildergalerie-Lightbox entdeckt, und wenn ja, wie sollte ich versuchen, das Video nur einmal in der Überlagerung erscheinen zu lassen (sowie zentriert zu sein). Ich bin ziemlich neu bei jQuery und jede Hilfe würde sehr geschätzt werden. Vielen Dank im Voraus an alle, die helfen können!

Hier ist mein Projekt-Website:

Lightgallery

..und hier ist mein Repo auf Github:

Online:

Lightgallery repo

Answer 1

Sie in diesem lachen 186 in dir app.js hast du vergessen, class="video" zu deinem Video hinzuzufügen.

Sie sollten nun diese stattdessen haben:

var $video = ('<iframe class="video" src="'+videoURL+'" frameborder="0" allowfullscreen></iframe>');