Ich verwende das Slick-Karussell-Plugin, um ein Karussell von Videos zu erstellen, die Benutzer hinzufügen, entfernen und filtern können. Das Problem, das ich habe, ist, dass, wann immer ein Benutzer ein Ereignis macht (hinzufügen / entfernen / filtern), alle Videos auf dem Karussell neu geladen werden, was ein klobiges Gefühl vermittelt.
Ich habe festgestellt, dass das Neuladen gestoppt werden kann, wenn ich in slick.js gehe und '_. $ slidesCache = _. $ slides;' auskommentiere, aber das bricht die Filterfunktion Gibt es eine Möglichkeit, das erneute Laden zu verhindern, während alle Funktionen beibehalten werden?
JSFiddle: Ссылка
Javascript
%Vor%slick.JS Ausschnitt
%Vor%Mehr Problemumgehung als Antwort: Anstatt den iframe zu laden, können Sie das Youtube-Thumbnail in% co_de anzeigen % tag.
Wenn der Benutzer darauf klickt, lade den zugehörigen iFrame und führe das Video automatisch aus.
Für mich ist das klobige Gefühl weg: Ссылка (aber es braucht etwas Styling, um zu zeigen, dass es ein spielbares Video mit etwas CSS ist)
Bearbeiten und tatsächlich können Sie den Iframe außerhalb des Karussell-DOMs erstellen, sodass er unabhängig davon wird: Ссылка
Somit kann es weiter abgespielt werden, auch wenn das Video gefiltert / versteckt / entfernt wurde (mit ein paar zusätzlichen JS können Sie das Video auch stoppen, wenn Sie feststellen, dass es entfernt wurde)
Tags und Links jquery carousel slick-slider