Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image Removed

Image Added EN


Note

Bitte beachten Sie, dass die Konfiguration für responsive Player ein zubuchbares Feature im VideoManager darstellt und Ihnen ggf. nicht zur Verfügung steht.

 


Moderne Webseiten werden heutzutage unter dem technischen und gestalterischen Paradigma des responsiven Webdesigns erstellt, so dass eine größtmögliche Reichweite bei Benutzern mit unterschiedlichsten Endgeräten erreicht werden kann. Möchten Sie Ihren Video-Content professionell anbieten, ist es unumgänglich, sich mit der Frage zu beschäftigen, wie Sie den eingesetzten Player für das Abspielen Ihrer Videos optimal auf das responsive Design anpassen können.

Der VideoManager bietet Ihnen hierzu die Möglichkeit im Player Generator entsprechende Einstellungen zum Player vorzunehmen. Dabei können Sie individuell die Breakpoints setzen und einzelne Steuerelemente für Player innerhalb der eingestellten Breakpoints ein- bzw. ausblenden.

Panel
bgColor#F0FFF0

Was sind Breakpoints?

Breakpoints definieren die Stellen

Breakpoints sind die von Ihnen vordefinierten Punkte (in Pixeln), an denen sich das Layout

einer Website ändert, wenn die Inhalte auf Geräten mit unterschiedlich großen Displays dargestellt werden. Das Layout einer Website im Responsive Design passt sich automatisch der Größe des Displays an. Guckt der Besucher mit einem Smartphone, bekommt er die Website anders ausgeliefert als wenn er vor dem Desktop-Rechner sitzt. Arbeitet man mit einem festen Layout, verkleinert der mobile Browser die Website im Ganzen auf die Größe des jeweiligen Bildschirms. Ziemlich bald wären alle Texte unleserlich und die winzigen Links wären über einen Touchscreen nicht mehr bedienbar

der Webseite ändern soll. Da Webseiten-Inhalte sich bei responsivem Design auf verschiedenen Displaygrößen anpassen sollen, werden Breakpoints für die Anzeige auf Tablets und Smartphones z.B. vordefiniert. Auf diese Weise wird das feste Layout umgangen, bei dem der Browser der mobilen Endgeräten die Webseite im Ganzen auf die Displaygröße verkleinert und der Inhalt ggf. unlesbar wird.

Note

Die hier vorgenommene Konfiguration für responsive Player gilt nur für HTML5-Player.


Um die Konfiguration für responsive Player vorzunehmen, gehen Sie wie folgt vor:

  1. Nehmen Sie zunächst die globalen Einstellungen für die Sichtbarkeit der verfügbaren Steuerelemente vor (siehe Kapitel " Steuerelemente ").

    Info

    Steuerelemente, die global nicht sichtbar sind, sind automatisch auch bei responsiven Playern nicht verfügbar.

  2. Aktivieren Sie die Option "Responsiver Player", indem Sie auf den entsprechenden Reiter klicken.

    Image Added

  3. Definieren Sie zunächst die Breakpoints mithilfe des Reglers. Alternativ tragen Sie direkt die gewünschten Werte in die dafür vorgesehenen Felder ein.

  4. Um die verfügbaren Steuerelemente für die jeweilige Playerbreite ein- bzw. auszublenden, klicken Sie auf das [Image Added]-Symbol   des jeweiligen Elements.

  5. Damit die vorgenommenen Anpassungen auch Auswirkungen auf den Player haben, klicken Sie auf die [Speichern]-Schaltfläche unterhalb des Vorschau-Players.

    Warning

    Durch das Speichern werden alle Änderungen des Playerdesigns für alle Videos, die bereits mit diesem Player veröffentlicht wurden, übernommen.