Neben der Verwendung eines unserer vielen Widgets, können Sie eine Audio- oder Videodatei über eine Code-Komponente zu Ihrer Websitebuilder-Website hinzufügen. In dieser Anleitung erklären wir Ihnen, wie.
- Schritt 1 - Audio- oder Videodatei auf Ihren Webspace hochladen
- Schritt 2 - Websitebuilder öffnen
- Schritt 3 - Code im Websitebuilder einbetten
- Schritt 4 - Speichern und veröffentlichen
Hinweis: Die Code-Komponente ist eine Website Builder Premium und Business + Webshop-Funktion. Wenn Sie derzeit den Starter-Baukasten verwenden, können Sie Ihre Stufe upgraden oder stattdessen das YouTube Widget verwenden. Premium- und Business + Webshop-Nutzende können Widgets für Vimeo verwenden und Videos hinzufügen, die auf ihrem Webspace gespeichert sind. Keine dieser Widget-Optionen erfordert einen Code zum Einbetten eines Videos.
Schritt 1 - Audio- oder Videodatei auf Ihren Webspace hochladen
Laden Sie zunächst Ihre Audio- oder Videodatei mit dem Dateimanager auf Ihren Webspace hoch. Audio sollte im mp3-Format und Video im mp4-Format sein.
- Melden Sie sich bei oneHome an.
- Öffnen Sie den File Manager auf der Kachel Dateien & Sicherheit.
- Klicken Sie auf + Upload und wählen Sie die Audio- (mp3) oder Videodatei (mp4), die Sie in Ihre Website einbetten möchten.
- Kopieren und speichern Sie den vollständigen Pfad zu Ihrer Datei in einer Notiz oder Textdatei für später.
Schritt 2 - Websitebuilder öffnen
- Websitebuilder öffnen.
- Klicken Sie im Komponentenmenü auf der linken Seite auf Widgets.
- Scrollen Sie nach unten und wählen Sie Code.
Schritt 3 - Code im Websitebuilder einbetten
- Kopieren Sie eines der unten stehenden Code-Beispiele und fügen Sie es in die Code-Komponente in Websitebuilder ein.
- Ersetzen Sie FULL PATH in dem Code-Beispiel durch den vollständigen Pfad zu Ihrer Audio- oder Videodatei.
- Klicken Sie auf Speichern.
Wählen Sie eines der unten stehenden Beispiele oder erstellen Sie Ihren eigenen Code mit dem HTML <audio> tag und HTML <video> tag. Denken Sie daran, FULL PATH durch den vollständigen Pfad zu Ihrer Audio- oder Videodatei zu ersetzen.
Audio:
Eine mp3-Audiodatei einbetten:
<audio controls>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Betten Sie eine mp3-Audiodatei ein, die automatisch abgespielt wird:
<audio controls autoplay>
<source src="FULL PATH" type="audio/mpeg">
</audio>
Hinweis: Einige Browser schränken die automatische Wiedergabe von Audio- oder Videodateien ein, selbst wenn Sie sie in Ihrem Code hinzugefügt haben.
Video:
Eine mp4-Videodatei einbetten:
<video width="640" height="480" controls>
<source src="FULL PATH" type="video/mp4">
</video>
Betten Sie eine mp4-Videodatei ein, die automatisch abgespielt wird:
<video width="640" height="480" controls autoplay>
<source src="FULL PATH" type="video/mp4">
</video>
Tipp: Die Standardgröße des Videos ist 640x480. Sie können die Größe ändern, indem Sie die Zahlen für Breite und Höhe im Code anpassen. Sie können das Video auch an den Bildschirm des Betrachters anpassen, indem Sie die Breite auf "100%" (width="100%") und die Höhe auf "auto" (height="auto") ändern.
Schritt 4 - Speichern und veröffentlichen
- Die Komponente wurde nun zu Ihrem Arbeitsbereich hinzugefügt. Ziehen Sie die Komponente an den Ort, an dem sich die Datei auf Ihrer Website befinden soll.
- Klicken Sie auf Vorschau, um zu prüfen, ob es so aussieht, wie Sie es wünschen.
- Wenn alles in Ordnung ist, klicken Sie auf Speichern und Veröffentlichen, um Ihre Änderungen online sichtbar zu machen.
Tipp: Fügen Sie eine Komponente mit denselben Abmessungen wie Ihr Video zu Ihrer Website hinzu und fügen Sie die Codekomponente an die Box an. So können Sie die Positionierung des Audios oder Videos leichter kontrollieren. Die Größe des Videos wird durch die Höhe und Breite im HTML-Code bestimmt.