Zwei verwandte Berufe Ein Videokarussell rutscht auf einer horizontalen Spur durch Videos A Galerieschieber Zeigt eine große Vorschau mit einem Miniaturbildstreifen darunter, das ist das Layout, das die Leute tatsächlich wollen, wenn sie „Videokarussell“sagen, weil eine Reihe gleich großer Video-Miniaturansichten eine schlechtere Möglichkeit ist, etwas anzusehen.
Beides unten, plus das Einbettungsproblem, das Videokarussells zum langsamsten Widget macht, das man auf eine Seite setzen kann und den einzeiligen Fix dafür Beide Widgets sind Teil der Vollständige Karussell-Widget-Kollektion.
Beginnen Sie mit dem Problem der Seitengeschwindigkeit
Sechs YouTube-Einbettungen auf einer Seite sind etwa 3 MB JavaScript von Drittanbietern, bevor ein einzelnes Video abgespielt wird. Jeder Iframe lädt den YouTube-Player, seine Analysen und seine Cookie-Infrastruktur, unabhängig davon, ob jemand klickt oder nicht.
Setzen Sie die sechs in ein Karussell und es wird noch schlimmer, denn Ein Karussell rutscht alle seine Rutschen, einschließlich derjenigen außerhalb des Bildschirms, sodass alle sechs Iframes gleichzeitig initialisiert werden.
Der Fix ist ein Fassade: das Plakatbild des Videos mit einem Play-Button anzeigen, und die echte Einbettung nur laden, wenn jemand klickt Ein Bild statt sechs Player Die meisten Video-Widgets haben eine “Lazy Load” oder “Click to Play” Option, die das macht; schalten Sie es ein und die Seite wird mobil um mehrere Sekunden schneller.
Wenn Ihr Widget es nicht anbietet, verwenden Sie Posterbilder mit einer Lightbox anstelle von Inline-Einbettungen. Gleiches visuelles Ergebnis, ein Bruchteil des Gewichts.
Methode 1: Galerie-Slider, Vorschau plus Miniaturansichten
Die Galerie-Slider-Widget Gibt Ihnen das Layout, das die meisten Video - und Fotogalerien wünschen: ein großer Vorschaubereich mit einem scrollbaren Miniaturbildstreifen Es ist ein Pro-Widget, und es ist ein Bild-Widget, also baut es das Layout auf und nicht die Wiedergabe Wenn Ihre Galerie nur Bilder ist, ohne Video, wird die Vitrine Plate Gallery Ist ein kostenloses, importierbares Design mit dem gleichen Plate-Plus-Thumbnail-Layout, aber es verarbeitet kein Video.
- Ziehen Sie in den Galerie-Slider und öffnen Sie die Inhaltsregisterkarte.
- Erstellen Sie Ihre Galerie Aus der Mediathek Für ein Videoset bedeutet das hier Posterrahmen, wobei die Wiedergabe nach Methode 2 oder 3 abgewickelt wird.
- Vorschaubilder einschalten Und stellen Sie den Miniaturbildstreifen auf Karussellmodus ein, sodass er unabhängig von der Hauptvorschau scrollt.
- Stellen Sie die Vorschauposition ein: Miniaturansichten unten, oben, links oder rechts Unten ist die sichere Voreinstellung; links oder rechts passt zu Porträtinhalten.
- Stellen Sie die Vorschaubreite ein Die Hauptscheibe drückt also die Miniaturansichten auf dem Tablet nicht aus dem Bildschirm.
Jedes Feld auf dem Widget ist in der aufgeführt Galerie Slider Dokumentation Wenn Sie die vollständige Referenz und nicht den kurzen Weg wünschen.
Der Miniaturbild-Karussellmodus ist die Einstellung, die diese Skala macht Ohne ihn wickeln sich zwanzig Miniaturansichten in vier Reihen und fressen den ganzen Viewport, mit ihm bleiben sie auf einer scrollbaren Linie.
Auf dem Handy, Thumbnails unterhalb der Vorschau bei drei oder vier sichtbar Links und rechts Positionen fallen automatisch auf unten zusammen, was rechts ist, denn ein Seitenstreifen auf einem 390 px Bildschirm lässt nichts für die Vorschau.
Methode 2: Medienkarussell, Video, das im Track abgespielt wird
Wenn die Videos im Karussell und nicht hinter einem Klick abgespielt werden müssen, ist das Medienkarussell von Elementor Pro das Widget, das dies tut. Jede Folie ist auf Bild oder Video eingestellt und eine Videodia nimmt eine eigene YouTube-, Vimeo- oder selbst gehostete URL, sodass gemischte Sätze in einem Track funktionieren.
Wenn das Set wirklich eine Bibliothek ist, statt eines Strips, wie ein Kurs, eine Tutorial-Serie oder ein Kanalarchiv, ist die Video-Playlist von Elementor Pro die bessere Form Neben dem Player aufgelistete Videos, jeweils mit Titel und Dauer, und der Spieler tauscht ohne Seitenladung aus Es ist eher eine Liste als ein Karussell, und das ist das Argument dafür: Titel entscheiden so, was man guckt, und eine Reihe von Miniaturansichten lässt sie raten.
Zurück zum Karussell Media Carousel ist hier das einzige Widget, das Video inline abspielt, und das sind auch seine Kosten, wozu die untenstehenden Einstellungen dienen.
- Lightbox-Modus einschalten. Inline-Wiedergabe bedeutet, dass jede Folie einen Player trägt Der Lightbox-Modus zeigt das Poster an und lädt den Player auf Klick, das ist das Fassadenmuster von oben in diesem Beitrag, das in das Widget eingebaut ist.
- Erstes Video nicht autoplayen. Schallabfeuern ohne Strom ist der schnellste Weg, jemanden zu verlieren Wenn Sie es automatisch abspielen müssen, stummschalten.
- Setzen Sie die Laufzeit in die Bildunterschrift. “Wie lang ist das?” ist die erste Frage, die jemand zu einem Video stellt, und die Beantwortung, bevor der Klick die Abschlussquoten erhöht.
Methode 3: Kostenloses Posterkarussell mit Video hinter dem Klick
Kein Führerschein und Sie möchten immer noch ein Videokarussell? Zwei freie Routen und beide halten die Seite schnell, weil nichts geladen wird, bis jemand danach fragt.
- Exportieren Sie für jedes Video einen Posterrahmen und laden Sie ihn als Bilder hoch.
- Fügen Sie sie der kostenlosen Bilderkarussell-Galerie hinzu.
- Schalten Sie die Lightbox ein, damit ein Klick den Frame über die Seite öffnet, anstatt weg zu navigieren.
- Fügen Sie im Register Stil eine Überlagerung der Wiedergabetaste hinzu, damit die Folien als Videos und nicht als Fotos gelesen werden. Ohne sie klickt niemand.
Das verschafft dir den Look Was es dir nicht bringt ist ein anderes Ziel pro Folie, denn ein galeriebasiertes Karussell gibt jeder Folie den gleichen Link, wenn jedes Video eine eigene Seite braucht, gib jedem einen Beitrag und nutze das kostenlose Blog-widget Im Karussellmodus stattdessen: es zieht das Thumbnail, den Titel und einen Link zum Beitrag, auf dem das Video sitzt Auf Pro, die Schleifenkarussell Macht das gleiche aus einer Abfrage, so erscheinen neue Videos, ohne dass man die Seite bearbeitet.
Das ist das Fassadenmuster von der Spitze des Pfostens, von Hand gebaut Es ist die schnellste Version eines Videokarussells, die es gibt, denn nichts lädt, bis jemand danach fragt. Der Bildkarussell-Durchgang Widget vollständig abdeckt.
Seitenverhältnis und das Ding, das es kaputt macht
Stellen Sie 16:9 ein und stellen Sie es auf jede Folie ein Gemischte Verhältnisse in einem Videokarussell erzeugen Karten unterschiedlicher Höhe, und im Gegensatz zu einem Gitter, bei dem eine zerlumpte Unterkante verzeihlich ist, stellt ein horizontaler Streifen jede Nichtübereinstimmung direkt neben seinen Nachbarn.
Produktkarten aus dem gleichen Grund auf dasselbe stoßen, und die WooCommerce Produktkarussell Ratgeber Handelt ab, wie sie zu nivellieren sind.
Üblicher Übeltäter ist ein senkrechter Clip in einem ansonsten landschaftlichen Set, entweder ein eigenes Karussell geben oder mit passendem Hintergrund in 16:9 ein Letterboxen lassen Sie sich nicht von einem 9:16 Video die Höhe für elf landschaftliche einstellen.
Videoschema
Wenn es sich bei den Videos um eigene Inhalte handelt und sie für die Suche wichtig sind, fügen Sie hinzu VideoObject Schema: Name, Beschreibung, Thumbnail URL, Upload-Datum und Dauer Es ist das, was videoreiche Ergebnisse möglich macht.
Zwei Bedingungen, die Menschen verpassen: Das Video muss der Hauptinhalt der Seite sein, nicht die Dekoration, und die Miniaturbild-URL muss öffentlich crawlbar sein. Eine Galerie mit sechs eingebetteten Videos auf einer About-Seite qualifiziert sich nicht für videoreiche Ergebnisse, egal wie Sie sie markieren, denn der Hauptinhalt der Seite ist nicht das Video.
Häufig gestellte Fragen
Hat Elementor ein Videokarussell-Widget?
Das Media Carousel von Elementor Pro verarbeitet Bilder und Videos in einem Karussell Elementor free beinhaltet es nicht Master Addons fügt in seiner Pro-Stufe einen Gallery Slider für das Vorschau-plus-Daumenschiene-Layout hinzu, und es ist eher ein Bild-Widget als ein Videoplayer Das kostenlose Image Carousel kann mit Posterbildern mit Leuchtkasten für ein Videokarussell einspringen.
Wie füge ich ein YouTube-Karussell in Elementor hinzu?
Verwenden Sie Posterbilder anstelle von Live-Einbettungen Fügen Sie die Miniaturansicht jedes Videos zu einem Karussell hinzu, verknüpfen Sie die Folie mit der Video-URL und aktivieren Sie die Lightbox, damit sie über die Seite geöffnet wird. Sechs Live-YouTube-Iframes auf einer Seite umfassen etwa 3 MB JavaScript von Drittanbietern; Sechs Posterbilder sind ein Bruchteil davon.
Warum ist meine Seite langsam, nachdem ich ein Videokarussell hinzugefügt habe?
Jede Einbettung in das Karussell lädt seinen Player sofort, auch Folien, die aus dem Bildschirm sind, denn ein Karussell rendert alle seine Folien Schalten Sie die Lazy-Load - oder Click-to-Play-Option des Widgets ein, sodass nur das Posterbild geladen wird, bis jemand klickt, oder wechseln Sie mit einer Lightbox zu Posterbildern.
Was ist der Unterschied zwischen einem Galerie-Slider und einem Bildkarussell?
Ein Galerie-Schieberegler hat zwei verknüpfte Teile: einen großen Vorschaubereich plus einen Miniaturbildstreifen, der ihn navigiert Ein Bildkarussell ist eine einzelne Reihe gleich großer Folien Verwenden Sie den Galerie-Schieberegler, wenn die Artikel einzeln einen richtigen Look verdienen; Verwenden Sie das Karussell, wenn Sie ein Set zeigen.
Wie füge ich Miniaturansichten zu einem Elementor-Slider hinzu?
Verwenden Sie das Widget Gallery Slider, aktivieren Sie Miniaturansichten in der Inhaltsregisterkarte und schalten Sie den Miniaturbildstreifen in den Karussellmodus, damit ein langer Satz auf einer scrollbaren Zeile bleibt, anstatt in Zeilen zu wickeln Stellen Sie die Vorschauposition unten, oben, links oder rechts unter Layout ein.
Kann ich Bilder und Videos in einem Elementor-Karussell mischen?
Ja. Das Media Carousel von Elementor Pro unterstützt Mixed-Typen nativ Mit dem kostenlosen Image Carousel verwenden Sie Posterbilder für die Videos und verknüpfen Sie diese Folien mit den Video-URLs, sodass sich Bilder und Videos sowohl als Folien verhalten als auch nur das Video auf Klick lädt.
Welchen zu bauen
Kurs - oder Tutorial-Reihe: Die Video-Playlist von Elementor Pro, denn Titel und Dauer machen die Arbeit Videos, die in einer Karussellspur abgespielt werden müssen: Media Carousel, mit Lightbox-Modus auf Portfolio-Reel oder Produktdemos: Gallery Slider mit Miniaturansichten Eine Handvoll Videos auf einer Marketing-Seite und ohne Lizenz: kostenloses Image Carousel mit Posterbildern und einer Lightbox, die auch die schnellste der drei ist Und wenn das Video immer nur Hintergrundtextur für eine Helden-Sektion war, die kostenlose Hintergrund-Slider-Erweiterung Dreht stattdessen Standbilder mit einem Bruchteil des Gewichts eines Schleifenvideos.
Keiner der zwanzig Widget-builder Designs verarbeitet Video, also ist dies ein Job, bei dem die Stock-Widgets die Antwort sind Für alles andere im Set ist die Preisseite Zeigt an, welche Stufe gilt, und Karussell gegen Schieber Legt zuerst die Formatfrage fest.
Alle sind auf der Elementorkarussell-Widgets Seite, und Die kostenlose versus Pro-Aufschlüsselung Abdeckungen, in denen jede Ebene sitzt.
