Medien verwalten im Homepage Baukasten in Plesk

Im Homepage Baukasten können Sie verschiedensete Medien einbinden. Dazu gehören auch Videos, die Sie entweder direkt auf den Server hochladen oder über einen Video-Hoster (z.B. YouTube oder Vimeo) einbinden können.

Folgend finden Sie daher alles Wichtige zum Thema Medien verwalten im Homepage Baukasten.

• Wie verwende ich das Video Element?

  Es gibt verschiedene Möglichkeiten, wie Sie ein Video in Ihre Webseite einbinden können:

  Option 1: Den Mediaplayer einfügen (z.B. YouTube)

  1. Ziehen Sie das Element „Medien“ von der Haupt-Werkzeugleiste in den Baukasten
  2. Wählen Sie die Komposition „YouTube“
  3. Ergänzen Sie in der Werkzeugleiste rechts im Menüpunkt „YouTube“ die Video-URL oder ID
  4. Passen Sie die Breite und Höhe des Videos an oder setzen Sie einen Haken bei „Größe automatisch anpassen“

  Option 2: Ein Video von Ihrem Computer hochladen um es als Hintergrundvideo abzuspielen

  1. Wählen Sie das Form-Element und die Formen-Komposition
  2. Klicken Sie in der rechten Werkzeugleiste im Menüpunkt „Form“ auf das Stift-Symbol bei „Hintergrund“
  3. Es öffnet sich ein neues Fenster. Klicken Sie dort auf das Stift-Symbol bei „Bilder/Video“.
  4. Jetzt öffnet sich der Medienmanager. Klicken Sie hier auf den Button „Neue Datei hochladen“ und wählen Sie das Video aus, das Sie hochladen möchten. Alternativ können Sie das Video auch von Ihrem Computer in den Medianmanager ziehen.
  5. Legen Sie nun die Video-Eigenschaften Opazität, Startzeit und Endzeit fest.
  6. Das Video wird nun ohne Ton abgespielt.

  Option 3: Ein Video von Ihrem Computer hochladen

  1. Wählen Sie das Erweitert-Element in der Hauptwerkzeugleiste und dann das Element „Benutzerdefiniertes HTML“ aus
  2. Klicken Sie im Menüpunkt „Benutzerdefiniertes HTML“ in der rechten Werkzeugleiste auf das Stift-Symbol bei „HTML Code“
  3. Es öffnet sich ein Fenster. Fügen Sie dort den folgenden Code ein:
     <video
    style="width: 100%; height: 100%; position: relative; z-index: 2;"
    src="VIDEO_FILE" controls>
    Your browser does not support the video tag.
</video>
  4. Markieren Sie und löschen Sie diesen Abschnitt. Achtung: Die Anführungszeichen dürfen dabei nicht gelöscht werden.
  5. Klicken Sie auf den „Klicken um Datei(en) hinzuzufügen“ Button in der unteren linken Ecke, um Ihre Videodatei auszuwählen.
  6. Klicken Sie auf den „Neue Datei hochladen“ Button und wählen Sie das Video aus, das Sie hochladen möchten. Klicken Sie anschließend auf den „Wählen“ Button und dann auf „Übernehmen“.
  7. Das Video wird nun ohne Ton abgespielt.
• Was bedeutet es, wenn der YouTube Player die Fehlermeldung "Ein Fehler ist aufgetreten. Bitte versuchen Sie es später noch einmal. Wiedergabe-ID" anzeigt?

  Was verursacht die Fehlermeldung „Ein Fehler ist aufgetreten“ im YouTube Player?

  Es gibt vier mögliche Gründe für die Fehlermeldung:

  1. Probleme mit der Internetverbindung
  2. Beschädigte Browser-Dateien
  3. Zwischenspeichern von DNS-Daten
  4. Probleme mit dem automatischen DNS

  Wie lässt sich dieser Fehler beheben?

  Abhängig von der Ursache stehen Ihnen die folgenden Möglichkeiten zur Verfügung:

  1. Neustart Ihres Netzwerkgeräts (z.B. Router)
  2. Leeren Sie den Cache Ihres Browsers
  3. Deaktivieren Sie Ihre Browser-Erweiterungen
  4. Leeren Sie den DNS Cache
  5. Wechseln Sie zu Google DNS
  6. Installieren Sie Ihren Browser neu
  7. Benutzen Sie einen anderen Browser oder ein anderes Endgerät
  8. Nehmen Sie Kontakt mit Ihrem Internetanbieter auf
• Warum scrollen die Hintergrundbilder nicht auf iOS- und iPadOS-Geräten?

  Dieses Verhalten ist bei iOS und iPadOS-Geräten beabsichtigt.

  Aufgrund von Performance-Einschränkungen durch Apple ist die Scroll-Funktion bei Hintergrundbildern für iOS und iPadOS-Geräte deaktiviert. Da diese Einschränkungen von den Hardware- und Software-Herstellern kommen, können Sie nicht vom Homepage-Baukasten umgangen werden.

  Anmerkung: Andere Geräte (z.B. Android Telefone, Windows PCs und MacOS) sind in der Lage, das Hintergrundbild ohne Probleme zu scrollen.

• Wie kann ich eine Video (mp4) Datei zu einer Galerie hinzufügen?
  1. Ziehen Sie das Galerie Element von der Haupt-Werkzeugleiste auf Ihre Webseite
  2. Wählen Sie die gewünschte Galerie-Art aus
  3. Klicken Sie im Menüpunkt „Galerie“ in der rechten Werkzeugleiste auf das Stift-Symbol bei „Bilder“
  4. Es öffnet sich ein neues Fenster. Klicken Sie dort unten links auf den Button „Fügen Sie Bilder/Videos hinzu“ Button
  5. Klicken Sie auf den blauen „Neue Datei hochladen“ Button und wählen Sie das Video aus, das Sie hochladen möchten. Alternativ können Sie das Video auch einfach direkt von Ihrem Computer in den Medienmanager ziehen
• Wie verwende ich das Element „YouTube“?

  Das YouTube Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das YouTube Element aus
  3. Geben Sie im Menüpunkt „YouTube“ in der Werkzeugleiste auf der rechten Seite die Video-URL oder ID ein

  Das Video anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
  2. Legen Sie fest, ob die Player-Steuerung angezeigt oder eine nocookie Domain verwendet werden soll, indem Sie einen entsprechenden Haken setzen
  3. Startzeit: Geben Sie im Feld „Starten bei“ den Zeitstempel ein, an dem das Video starten soll>

  Anmerkung: Das YouTube Video Element unterstützt ebenfalls YouTube Shorts.

• Wie verwende ich das Element „Instagram Video“?

  Das Instagram Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Instagram Element aus
  3. Geben Sie im Menüpunkt „Instagram“ in der Werkzeugleiste auf der rechten Seite die Instagram-Post-URL oder ID ein

  Das Video anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
• Wie verwende ich das Element „Facebook Video“?

  Das Facebook Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Facebook Element aus
  3. Geben Sie im Menüpunkt „Facebook“ in der Werkzeugleiste auf der rechten Seite die Facebook-Video-URL oder ID ein

  Das Video anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
  2. Startzeit: Geben Sie im Feld „Starten bei“ den Zeitstempel ein, an dem das Video starten soll
• Wie verwende ich das Musikspieler Element?

  Das Musikspieler Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Musikspieler Element aus
  3. Klicken Sie im Menüpunkt „Musik“ in der rechten Werkzeugleiste auf das Stift-Symbol bei „Audiodateien“, um Dateien hochzuladen

  Den Musikspieler anpassen:

  1. Controls: Klicken Sie auf das Stift-Symbol neben „Farbe“, um die Farbe der Buttons und des Hintergrundes anzupassen
  2. Artikelübersicht: Klicken Sie auf das Stift-Symbol neben „Farbe“, um die Farbe von Song-Titel und Künstler und die Hintergrundfarbe für die Song-Liste anzupassen
  3. Größe: Legen Sie die Höhe und Breite des Musikspielers fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
  4. Abspielen, wenn die Seite geladen wurde: Setzen Sie hier einen Haken, wenn der Musikspieler automatisch starten soll, nachdem die Seite geladen wurde.

  Der Musikspieler unterstützt die folgenden Dateiformate: mp3, aac, wav, ra, midi, ram, wma, ogg, ape, M4A, M4V

• Wie verwende ich das Spotify Element?

  Das Spotify Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Spotify Element aus
  3. Geben Sie im Menüpunkt „Spotify“ in der Werkzeugleiste auf der rechten Seite die Spotify-URL oder ID ein

  Das Spotify Element anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Spotify Spielers fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
• Wie verwende ich das „Vimeo“ Element?

  Das Vimeo Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Vimeo Element aus
  3. Geben Sie im Menüpunkt „Vimeo“ in der Werkzeugleiste auf der rechten Seite die Vimeo-URL oder ID ein

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
  2. Portrait und Titel: Setzen Sie bei den beiden Punkten einen Haken, wenn Sie das Portrait des Benutzer und den Videotitel anzeigen möchten.
  3. Autoplay: Setzen Sie hier einen Haken, wenn das Video automatisch beim Öffnen der Seite abgespielt werden soll.
  4. Farbe: Legen Sie die Farbe der Video-Steuerelemente fest.
• Wie verwende ich das „Youku“ Element?

  Das Youku Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Youku Element aus
  3. Geben Sie im Menüpunkt „Youku“ in der Werkzeugleiste auf der rechten Seite die Youku-URL ein

  Das Video anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
  2. Autoplay: Setzen Sie hier einen Haken, wenn das Video automatisch beim Öffnen der Seite abgespielt werden soll.
• Wie verwende ich das „Aparat“ Element?

  Das Aparat Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Aparat Element aus
  3. Geben Sie im Menüpunkt „Aparat“ in der Werkzeugleiste auf der rechten Seite die Apart-URL oder ID ein

  Das Video anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
  2. Autoplay: Setzen Sie hier einen Haken, wenn das Video automatisch beim Öffnen der Seite abgespielt werden soll.
• Wie verwende ich das „Rutube Video“ Element?

  Das Rutube Video Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das Rutube Video Element aus
  3. Geben Sie im Menüpunkt „Rutube“ in der Werkzeugleiste auf der rechten Seite die Rutube-URL oder ID ein

  Das Video anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
• Wie verwende ich das „VK Video“ Element?

  Das VK Video Element hinzufügen:

  1. Ziehen Sie das Medien Element von der Hauptwerkzeugleiste auf Ihre Webseite
  2. Wählen Sie das VK Video Element aus
  3. Geben Sie im Menüpunkt „VK“ in der Werkzeugleiste auf der rechten Seite den VK-Einbettungscode ein

  Das Video anpassen:

  1. Größe: Legen Sie die Höhe und Breite des Videos fest oder setzen Sie einen Haken bei „Größe automatisch anpassen“
• Warum werden im Homepage Baukasten und auf der veröffentlichen Webseite verschiedene Hintergründe angezeigt?

  Dieses Problem tritt normalerweise auf, wenn Sie sowohl ein Hintergrundbild für ein Layout Element und einen nativen Hintergrund als auch einen weiteren Hintergrund für ein Form Element in diesem Layout Element festgelegt haben.

  Es sollte auf Ihrer Seite nur einer der beiden Hintergründe verwendet werden. Zur Problemlösung können Sie daher wie folgt vorgehen:

  • Löschen Sie das Bild auf dem nativen Hintergrund des Layout Elements
  • Loschen Sie das als Hintergrund verwendete Form Element