YouTube Video Player
Visuell einbinden. Intelligent laden.
Mit der YouTube Video-Komponente können Sie YouTube-Videos oder -Wiedergabelisten mit vollem Funktionsumfang einbetten, wobei Leistung, Reaktionsfähigkeit und Anpassung im Vordergrund stehen. Sie wurde entwickelt, um Ihnen die vollständige Kontrolle über das Wiedergabeverhalten und die Nutzererfahrung zu geben, ohne dabei die Ladegeschwindigkeit oder die visuelle Integration zu beeinträchtigen.
Von Lazy Loading bis hin zu benutzerdefinierten Wiedergabelisten, Autoplay, Schleifen und kanalbeschränkten verwandten Videos ist alles darauf ausgerichtet, Ihre Inhalte ansprechend, schnell und auf Ihr Publikum zugeschnitten zu gestalten. Ob es sich um ein Hero-Video, ein Testimonial-Reel oder eine vollständige Wiedergabeliste handelt - dies ist die innovativste Art, YouTube einzubinden.
Intelligente Leistungsmerkmale
Lazy Loading.
Lädt den Player nur bei Bedarf.Passt perfekt auf jeden Bildschirm.
Kein zusätzlicher Code erforderlich.Optimierung avove the fold.
Mehr Leistung ohne Beeinträchtigung der UX.
Maximale Kontrolle
Playlisten (Custom oder Existierend).
Definieren Sie, was Ihre Nutzer sehen und hören.Autoplay, Loop und Stummschaltung.
Genaues Verhalten einstellen.Beschränken Sie Vorschläge auf Ihren Kanal.
Halten Sie die Zuschauer bei Ihrem Inhalt.
Anwendungsfälle
Verwenden Sie die YouTube-Video-Komponente, um Videoinhalte flexibel in Ihr Projekt einzubinden:
Marketing- und Erklärvideos in Landing Pages
Tutorial- oder Dokumentationsreihen
Eingebettete Testimonials und Fallstudien
YouTube-Wiedergabelisten für Kampagnen oder Showcases
Ganzseitige Hero-Videos oder Hintergrundelemente
Diese Komponente stellt sicher, dass Ihre Videoinhalte nicht nur eingebettet sind, sondern auch für Sichtbarkeit, Benutzerfreundlichkeit und Geschwindigkeit optimiert
Konfigurationsoptionen und Funktionen
Die YouTube Video-Komponente liefert reichhaltige, reaktionsfähige und intelligent eingebettete Videoerlebnisse. Mit Leistungsoptimierung, fortschrittlichem Wiedergabeverhalten und intuitiven Steuerelementen halten Sie Ihre Videoinhalte leicht, schnell und eindrucksvoll - genau so, wie es moderne Websites erfordern.
Intelligente Wiedergabe. Starke Leistung. Nahtlose Einbettung.
Video
Wählen Sie das primäre Video für die Wiedergabe im Player aus.
Dieses Video bestimmt auch die Vorschauminiatur, die vor dem Laden des Players verwendet wird.
Empfohlen, auch wenn eine Wiedergabeliste eingestellt ist, um eine korrekte Platzhaltervorschau zu gewährleisten.
Existierende Playlist
Verweis auf eine öffentliche YouTube-Wiedergabeliste, wobei benutzerdefinierte Wiedergabelisten außer Kraft gesetzt werden, und der Player zeigt nur die in der angegebenen Wiedergabeliste enthaltenen Videos an.
Benutzerdefinierte Playlist
Fügen Sie manuell YouTube-Videoreferenzen hinzu, um eine benutzerdefinierte Sequenz zu erstellen. Diese Videos werden nacheinander in der hier festgelegten Reihenfolge abgespielt.
Controls
Legen Sie fest, ob die Steuerelemente des Players (Wiedergabe, Pause, Zeitleiste usw.) ein- oder ausgeblendet werden sollen.
Autoplay
Aktivieren Sie Autoplay, damit das Video sofort abgespielt wird, sobald es geladen und sichtbar ist.
Automatisch abgespielte Videos sind aufgrund von Browsereinschränkungen standardmäßig stummgeschaltet.
Loop
Aktivieren Sie die Schleifenfunktion, um das Video oder die Wiedergabeliste unendlich oft zu wiederholen.
Für einzelne Videos: Wiederholung desselben Videos
Für Wiedergabelisten: Schleifenwiedergabe der gesamten Sequenz
Mute
Starten Sie das Video standardmäßig stumm, was bei Hintergrundvideos oder bei der automatischen Wiedergabe nützlich sein kann.
Auf Videos vom gleichen Kanal beschränken
Beschränken Sie die von YouTube vorgeschlagenen Videos am Ende oder beim Pausieren auf die Videos desselben Kanals.
Erfordert eine vorhandene Wiedergabeliste, um den Kanal zu identifizieren.
Above the Fold
Geben Sie an, ob das Video auf Ihrer Seite above the fold angezeigt werden soll. Optimiert, wann und wie der Player geladen wird, um die Leistung zu verbessern.
Load
Wählen Sie aus, welches Ereignis das Laden des Players auslösen soll:
Bei Klick - Wird geladen, wenn der Benutzer auf eine Vorschau klickt
On Hover - Wird geladen, wenn der Mauszeiger bewegt wird
On Visible - Wird geladen, wenn der Benutzer in die Ansicht scrollt
Komponenten Theme
Wenden Sie ein Design-Theme auf den Videocontainer an, um ein einheitliches Styling, die Integration des Layouts und die visuelle Kontrolle zu gewährleisten.