deenfrites
nx-YouTubeBox 1.2
5.0/5 rating 1 vote

nx-YouTubeBox 1.2

Was ist die nx-YouTubeBox?


Die nx-YouTubeBox ermöglicht es Dir Youtube Videos auf deiner joomla! Webseite einzubinden. Dank der grossen Anzahl an Einstellungsmöglichkeiten bietet Dir die nx-youtubeBox kostenlos mehr Möglichkeiten als viele Kostenpflichtigen Youtube-Player.

 

Übrigens:
Die nx-YouTubeBox v1.2.1 wurde erfolgreich unter joomla! 4 getestet.

Features in der Übersicht


Youtube Wiedergabe Modi

Youtube Wiedergabe Modi

  • Single Video Modus
  • Playlist Modus
  • Keyword (Suche) Modus
  • Benutzer Modus
Konfigurationsmöglichkeiten

Konfigurationsmöglichkeiten

  • Autoplay
  • Video komplett Stumm schalten (Mute)
  • Wiedergabe im Loop
  • Vollbild ermöglichen oder deaktivieren
  • Annotations anzeigen oder verbergen
  • Steuerleiste konfigurieren
  • Video Startzeitpunkt bestimmen
  • Video Initial-Lautstärke definieren
  • Mehrere Instanzen auf derselben Seite
  • iOS Inline Playback
  • Videoinfo anzeigen oder verbergen
  • Keyboardsteuerung deaktivieren oder erlauben
  • Ähnliche (Related) Videos anzeigen oder verbergen
Styling Optionen

Styling Optionen

  • Player Rotation (-90 Grad bis 89 Grad)
  • Individuelle Border Optionen
    • pro Player
    • pro Seite (oben, unten, links, rechts)
  • Individuelle Shadow Optionen pro Player
  • Individueller Border Radius pro Player
  • Headermode
    • Individuell konfigurierbar
  • Blocklayer
    • Durchsichtig oder mit Farbeffekt
    • Mit Inset Shadow Option

Features im Detail


Responsive

Responsive

Die nx-YouTubeBox nutzt immer 100% der zur Verfügung stehenden Breite seines Eltern Elements. Dank CSS werden die Player Dimensionen bei einer Veränderung (Verkleinern / Vergrössern des Fensters) direkt wärend der Wiedergabe angepasst.

Blocklayer

Blocklayer

Es kann vorkommen das Du Besucher daran hindern möchtest mit dem Video zu interagieren. Hier kommt der Blocklayer ins Spiel. Der Blocklayer legt einen transparenten, oder mit einer Vollfarbe gefüllten, Layer mit Transparenzoption (rgba) über das Video. Dieser verhindert Klick Events auf dem Video.

Als zusätzliches Feature kann dem Layer ein Innerer Schatten (Inset Shadow) hinzugefügt werden was dazu führt als ob das Video in die Seite eingelassen wurde.

Hinweis: Ich empfehle Dir die Mute Option zu aktivieren wenn der Blocklayer verwendet wird.

Hinweis: Der Blocklayer wird auf Mobilen Endgeräten (sowie alten 800px x 600px Schwarzweiss Röhrenmonitoren) mittels CSS deaktiviert da Autoplay auf besagten Geräten nicht unterstützt wird und mit dem Video interagiert werden muss um es wiederzugeben.

Instanzierte Bordersettings

Instanzierte Bordersettings

Im Modul-Backend lassen sich Einstellungen für den Rahmen des Videos für jedes einzelne Video differenziert konfigurieren. Zudem kann der Rahmen entweder an allen vier Kanten gleich gross oder als erweiterte Einstellung pro Kante unterschiedlich. Dies ermöglicht unter Zuhilfenahme der Rotationseinstellungen ein Polaroid Effekt für das Video zu realisieren.

Headermode

Headermode

Der Headermode, auch hier ist der Name Programm. Mit dem Headermode eröffnen sich neue Möglichkeiten ein Youtube Video als Header zu verwenden. Mit aktiviertem Headermode lässt sich die Videohöhe zuschneiden. Einfach gesagt kannst du das Video zum Beispiel bei 50% Höhe aber 100% Breite wiedergeben.

Dank Angaben in Prozent funktioniert dies auch auf kleineren Monitoren ohne 4K UHD Ambi-Super-Authentic Color and HDR Sharpness Effect einwandfrei. Zum Beispiel auf dieser Seite.

Headermode Erklärung

Wiedergabemodi

Wiedergabemodi

Die nx-YouTubeBox unterstützt:

  • Einzelne Youtube Videos
  • Ganze YouTube Playlists
  • Playlist nach Keyword
  • Playlist nach User

Unterstützt werden je nach Player Modus die Eingabe der kompletten URL, der Short URL, der Video oder Playlist ID, des Suchwortes sowie des Usernamen.

Stumme Wiedergabe (Mute)

Stumme Wiedergabe (Mute)

Die nx-YouTubeBox lässt sich komplett Stummschalten. Der Player kann durch die Mute Option im Backend vor der Wiedergabe stummgeschalten damit die Besucher deiner Seite nicht gestört werden.

Vordefinierte Lautstärke

Vordefinierte Lautstärke

Der Player kann im Backend mit einer Standardlautstärke konfiguriert werden. Natürlich können Besucher nachträglich die Lautstärke anpassen. Die Lautstärke zum Start kann jedoch von Dir konfiguriert werden.

Startzeit

Startzeit

Ready, Steady, Go! Oder doch nicht? Sollte das Video vor dem eigentlichen Inhalt noch ein Intro haben kannst du diesen mit dieser Einstellung einfach überspringen. Der Player startet dann bei der von Dir definierten Stelle.

Tastatursteuerung

Tastatursteuerung

Die Tastatursteuerung für einzelne Player Instanzen können deaktiviert werden.

Übersicht Befehle (gem. YouTube API)

  • Leertaste: Wiedergeben/Pausieren
  • Pfeil nach links: Im aktuellen Video 10% zurück springen
  • Pfeil nach rechts: Im aktuellen Video 10% nach vorn springen
  • Pfeil nach oben: Lautstärke erhöhen
  • Pfeil nach unten: Lautstärke reduzieren

Autoplay

Autoplay

Konfiguriert die automatische Wiedergabe des Videos bei Seitenaufruf.

Loop

Loop

Und täglich grüsst das Murmeltier
Mit dieser Option wird das konfigurierte Video / Playlist nach dem Ende erneut abgespielt.

Vollbild

Vollbild

De- oder Aktiviert den Button für das Vollbild in der Steuerleiste.

Hinweis: Blendet lediglich den Button für das Vollbild in der Player Steuerung aus. Vollbild mittels Doppelklick auf das Video ist nach wie vor verfügbar. Dieses Verhalten kann mittels Blocklayer unterbunden werden.

Steuerung

Steuerung

De- oder Aktiviert die Control Bar innerhalb des Videos welche beim Mouseover angezeigt wird.

Related Videos

Related Videos

Sollen ähnliche Videos am Ende des Videos angezeigt werden?

Hinweis: Option ist nicht verfügbar wenn Loop aktiviert ist.

Annotations

Annotations

Annotations sind diese, teils wirklich nervigen, Dinger welche von den Videomachern auf ihren Videos platziert werden um andere Videos von Ihnen zu bewerben. Meist sind dies farbige Textboxen. Mit dieser Option wird man die Dinger los...

Videoinfo anzeigen

Videoinfo anzeigen

Youtube Videos beinhalten oben eine Zeile, diese zeigt den Videotitel, sowie einige Links an um das Video zu teilen. Diese Leiste wird nur beim Start des Videos kurz und danach jeweils beim Mouseover eingeblendet. Diese Option deaktiviert die Anzeige dieser Leiste in beiden Fällen.

iOS Inline Playback

iOS Inline Playback

Wir kennen es, Videos werden auf mobilen Geräten nicht automatisch wiedergegeben. Beim Klick auf ein Video wird dieses dann im Vollbild wiedergegeben. Für iPhones und iPads existiert jedoch die Option Inline Playback. Wenn diese Aktiviert ist, wird das Video in der Seite wiedergegeben. ...Nettes kleines Ding das...

Rotation

Rotation

89 Grad links herum oder 90 Grad rechts herum (Bei 90 Grad links dreht das Video die Orientierung was wieder Rechts herum bedeuted). Macht das was man erwartet, es dreht das Video. In Kombination mit den Schatten und Rahmeneinstellungen kann man so einen Polaroid Look für sein Video erzeugen.

Live Demo


Die Live Demo des Modules ermöglicht es dir einen Blick auf die Funktionen in Aktion zu werfen.

Live Demo

Projekt auf Github

Offizielle Seite auf joomla! Extensions

Support