So fügen Sie mithilfe von Code Audio- und Videodateien zu Ihrer Website Builder-Seite hinzu
Neben der Verwendung eines unserer zahlreichen Widgets können Sie in Website Builder mithilfe von HTML und der Code-Komponente auch Audio- und Videodateien zu Ihrer Website hinzufügen. In dieser Anleitung erklären wir Ihnen, wie das geht.
- Schritt 1 – Laden Sie die Audio- oder Videodatei auf Ihren Webspace hoch
- Schritt 2 – Website-Baukasten öffnen
- Schritt 3 – Fügen Sie den Code in den Website-Builder ein
- Schritt 4 – Speichern und veröffentlichen
Hinweis: Die Code-Komponente ist eine Funktion des Website Builders hrefhttps://help.one.com/hc/en-us/articles/360000699245hrefPremium und Business + E-Commerce. Wenn Sie derzeit Starter nutzen, können Sie Ihr Paket upgraden oder stattdessen das Widget YouTube verwenden.
Schritt 1 – Laden Sie die Audio- oder Videodatei auf Ihren Webspace hoch
Laden Sie zunächst Ihre Audio- oder Videodatei über den Dateimanager oder per FTP auf Ihren Webspace hoch. Audiodateien sollten im MP3-Format und Videodateien im MP4-Format vorliegen.
- Melden Sie sich im one.com-Kontrollpanel an.
- Öffnen Sie den Dateimanager unter „Hosting-Einstellungen“ im Menü auf der linken Seite.
- Klicken Sie auf „+ Hochladen“ und wählen Sie die Audio- (mp3) oder Videodatei (mp4) aus, die Sie in Ihre Website einbetten möchten.
- Kopieren Sie den vollständigen Pfad Ihrer Datei und fügen Sie ihn zur späteren Verwendung in eine Textdatei ein.
Schritt 2 – Website-Baukasten öffnen
- Öffnen Sie den Website-Builder.
- Klicken Sie im Komponentenmenü auf der linken Seite auf „Widgets“.
- Scrollen Sie nach unten und wählen Sie „Code“ aus.
Schritt 3 – Fügen Sie den Code in den Website-Builder ein
- Kopieren Sie eines der folgenden Codebeispiele und fügen Sie es in die Code-Komponente im Website Builder ein.
- Ersetzen Sie „FULL PATH“ im Code-Beispiel durch den vollständigen Pfad zu Ihrer Audio- oder Videodatei.
- Klicken Sie auf Speichern.
Wählen Sie eines der folgenden Beispiele aus oder erstellen Sie Ihren eigenen Code mit dem Tag HTML <audio> und dem Tag HTML <video>. Denken Sie daran, „FULL PATH“ durch den vollständigen Pfad zu Ihrer Audio- oder Videodatei zu ersetzen.
Audio:
Eine MP3-Audiodatei einbetten:
<audio-Steuerelemente> <source src="VOLLSTÄNDIGER PATH" type="audio/mpeg"> </audio>
Eine MP3-Audiodatei einbetten, die automatisch abgespielt wird:
<audio controls autoplay> <source src="VOLLSTÄNDIGER PATH" type="audio/mpeg"> </audio>
Hinweis: Einige Browser schränken die automatische Wiedergabe von Audio- oder Videodateien ein, selbst wenn Sie diese in Ihren Code eingefügt haben.
Video:
Eine MP4-Videodatei einbetten:
<video width="640" height="480" controls> <source src="VOLLSTÄNDIGER PATH" type="video/mp4"> </video>
Eine MP4-Videodatei einbetten, die automatisch abgespielt wird:
<video width="640" height="480" controls autoplay> <source src="VOLLSTÄNDIGER PATH" type="video/mp4"> </video>
Tipp: Die Standardgröße des Videos beträgt 640 x 480 Pixel. Sie können die Größe ändern, indem Sie die Werte 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") setzen.
Schritt 4 – Speichern und veröffentlichen
- Die Komponente wurde nun Ihrem Arbeitsbereich hinzugefügt. Ziehen Sie die Komponente an die Stelle, an der sich die Datei auf Ihrer Website befinden soll.
- Klicken Sie auf „Vorschau“, um zu überprüfen, ob das Ergebnis Ihren Vorstellungen entspricht.
- Wenn alles in Ordnung ist, klicken Sie auf „Speichern und veröffentlichen“, damit Ihre Änderungen online sichtbar werden.
Tipp: Fügen Sie Ihrer Website eine box“-Komponente mit denselben Abmessungen wie Ihr Video hinzu und fügen Sie die Code-Komponente in das Feld ein. Dadurch lässt sich die Platzierung des Audio- oder Videomaterials leichter steuern. Die Größe des Videos wird durch die Höhe und Breite im HTML-Code bestimmt.
Verwandte Artikel: