Wie füge ich meiner EverWeb-Website ein Video, ein Hintergrundvideo oder Musik hinzu?

Am besten fügen Sie ein Video als Form ein, deren Füllung auf Video gestellt ist. Sie spielt ein YouTube- oder Vimeo-Video oder Ihre eigene Videodatei ab, und Sie können sie wie ein Bild in der Größe ändern und platzieren. Für Musik oder Ton verwenden Sie das Widget Audio.

Wo sollte Ihr Video liegen?

YouTube oder Vimeo Ihre eigene Videodatei
Speicherplatz auf Ihrem Hosting Keiner. Das Video bleibt auf YouTube oder Vimeo. Die gesamte Datei wird auf Ihr Hosting veröffentlicht
Bandbreite (die Datenmenge, die Ihre Website an Besucher sendet) Kommt von YouTube oder Vimeo Jeder Aufruf verbraucht die Bandbreite Ihres Plans
Veröffentlichen Nichts zusätzlich zu übertragen Große Dateien brauchen länger beim Veröffentlichen
Aussehen Zeigt den Player von YouTube oder Vimeo Kein fremdes Branding

Laden Sie die meisten Videos zuerst auf YouTube oder Vimeo hoch. Das spart Speicherplatz und Bandbreite, und die Videos laufen auch bei langsamen Verbindungen flüssig.

Ein Video hinzufügen

  1. Klicken Sie in der Symbolleiste auf Formen und wählen Sie ein Rechteck.
  2. Gehen Sie bei ausgewählter Form zu Inspektor > Formoptionen (das zweite Symbol).
  3. Stellen Sie Füllung auf Video.
  4. Wählen Sie im Menü darunter die Quelle: Youtube-Video, Vimeo-Video, Lokale Videodatei (Ihre eigene Datei) oder Externe Video-URL (eine Videodatei, die auf einer anderen Website gespeichert ist).
  5. Fügen Sie bei YouTube oder Vimeo den Link zum Video ein. Öffnen Sie das Video in Ihrem Browser und kopieren Sie die Adresse aus der Adressleiste, nicht den Link über den Teilen-Button, der nicht immer abgespielt wird. Für Ihre eigene Datei klicken Sie auf Wählen... und wählen sie aus, oder ziehen Sie die Datei auf die Form.
  6. Wählen Sie die gewünschten Optionen: Autoplay, Stumm, Schleife, Steuerelemente anzeigen und ein Thumbnail (ein Bild, das angezeigt wird, bevor das Video startet).
  7. Ändern Sie die Größe der Form. Auf einer responsiven Seite aktivieren Sie unter Inspektor > Maße die Option Volle Breite und legen eine Max. Breite fest, damit das Video auf einem Handy passend kleiner wird.
  8. Veröffentlichen Sie und prüfen Sie das Video auf der Live-Seite.

Im Tab Widgets sehen Sie auch die Widgets YouTube, Vimeo und Video. Sie funktionieren weiterhin, aber eine Video-Füllung bietet Ihnen mehr Kontrolle, deshalb empfehlen wir sie.

Ihre eigene Videodatei verwenden

  • Verwenden Sie eine MP4-Datei. Jeder moderne Browser kann sie abspielen.
  • Halten Sie die Datei klein. Exportieren Sie das Video aus Ihrer Video-App in einer Größe für das Web oder für „Streaming“, nicht in voller Qualität. Ein kurzer Clip in moderater Größe lädt viel schneller als ein großes Original.
  • Fügen Sie ein Thumbnail hinzu. Manche Handys zeigen keine Vorschau des Videos, bis jemand darauf tippt.
  • Behalten Sie Ihren Speicherplatz im Blick. Videodateien füllen Ihren Hosting-Speicher schnell, und jeder Aufruf verbraucht Bandbreite. Wenn Ihr Hosting voll wird, verschieben Sie die Videos auf YouTube oder Vimeo. Siehe Mein Hosting ist voll. Was belegt meinen Speicherplatz, und wie gebe ich ihn frei? (Error 55).

Ein Video im Hintergrund

  • Hinter der ganzen Seite: Gehen Sie zu Inspektor > Seiteneinstellungen (das erste Symbol) und wählen Sie unter Browserhintergrund die Option Video. Sie können Schleife einstellen, das Video mit Position fixiert festhalten, eine Scrollgeschwindigkeit festlegen und ein Thumbnail hinzufügen.
  • Hinter einem Teil der Seite: Fügen Sie wie oben beschrieben eine Form mit Video-Füllung hinzu, aktivieren Sie Autoplay, Stumm und Schleife, deaktivieren Sie Steuerelemente anzeigen und legen Sie Ihren Text darüber. Wie Sie auf einer responsiven Seite Objekte übereinander platzieren, lesen Sie unter Warum landet das nicht dort, wohin ich es ziehe?

Browser spielen ein Video nur dann von selbst ab, wenn es stumm geschaltet ist. Ein Video mit Ton wartet, bis der Besucher auf Abspielen klickt. Hintergrundvideos werden nicht auf jedem Handy abgespielt. Mit einem Thumbnail ist auf jeden Fall etwas zu sehen.

Musik und Ton

Ziehen Sie das Widget Audio aus dem Tab Widgets auf Ihre Seite und wählen Sie unter Inspektor > Widget-Einstellungen eine MP3-Datei. Sie können die Lautstärke einstellen und festlegen, ob der Ton in einer Schleife läuft, beim Öffnen der Seite startet oder stumm beginnt. Wie bei Videos spielen die meisten Browser Ton erst ab, wenn der Besucher klickt. Bieten Sie also eine Abspiel-Steuerung an, statt sich auf die automatische Wiedergabe zu verlassen.

Wenn Ihr Video nicht abgespielt wird

Was Sie sehen Was Sie tun können
Error 153 oder „An error occurred“ in EverWeb oder in der Vorschau Das kann nur in EverWeb und in der Vorschau passieren. Veröffentlichen Sie und prüfen Sie dann die Live-Seite.
„Sorry, we're having a little trouble“ oder ein leerer Player Verwenden Sie den Link aus der Adressleiste des Browsers, nicht den über den Teilen-Button
Das Video startet nicht von selbst Aktivieren Sie Stumm. Browser blockieren Videos, die mit Ton starten.
Es ist langsam oder lädt ständig nach Machen Sie die Datei kleiner, oder laden Sie das Video auf YouTube oder Vimeo hoch
Ein leeres Feld auf einem iPhone, bis man darauf tippt Fügen Sie ein Thumbnail hinzu

Verwandte Artikel

  • Video, Audio
  • 12 Benutzer fanden dies hilfreich
War diese Antwort hilfreich?

Verwandte Artikel

So fügen Sie Ihrer Website einen Besucherzähler hinzu.

Jedes EverWeb + Hosting-Konto enthält kostenlose Website-Statistiken. Sie zeigen, woher Ihre...

Eine Diashow auf Ihrer Website: Bild-Slider, Karussell, Diashow-Füllung oder eine Galerie

In EverWeb gibt es vier Möglichkeiten, Fotos nacheinander zu zeigen. Für eine Diashow, die von...

Wie verlinke ich auf ein PDF, damit Besucher es öffnen oder herunterladen können?

Wählen Sie den Text oder das Objekt aus, auf das Besucher klicken sollen, gehen Sie zu Inspektor...

So fügen Sie dem Navigationsmenü von EverWeb einen Link zu einer anderen Website hinzu

EverWeb 4.6 und neuer: Zusätzliche Menülinks Wählen Sie die Navigationsleiste aus, gehen Sie...

Wie öffne ich ein Popup-Fenster oder vergrößere ein Foto, wenn jemand darauf klickt?

EverWeb bietet Ihnen mehrere Möglichkeiten, etwas anzuzeigen, wenn ein Besucher klickt:...