Verwenden Sie Code, um Audio und Video zu Ihrer Homepage-Baukasten-Website hinzuzufügen

Neben der Verwendung eines unserer vielen Widgets können Sie im Homepage-Baukasten auch Audio und Video mit HTML und der Codekomponente zu Ihrer Website hinzufügen. In dieser Anleitung erklären wir, wie das geht.

• Schritt 1 - Laden Sie die Audio- oder Videodatei auf Ihren Webspace hoch
• Schritt 2 - Den Homepage-Baukasten öffnen
• Schritt 3 - Code in Homepage-Baukasten einbetten
• Schritt 4 - Speichern und veröffentlichen

Hinweis: Die Codekomponente ist eine Homepage-Baukasten-Premium- und Business + E-Commerce-Funktion. Wenn Sie derzeit Starter verwenden, können Sie Ihre Stufe upgraden oder stattdessen das YouTube-Widget verwenden. 

Schritt 1 - Laden Sie die Audio- oder Videodatei auf Ihren Webspace hoch

Laden Sie zunächst Ihre Audio- oder Videodatei mit dem File Manager oder FTP auf Ihren Webspace hoch. Audio sollte im MP3-Format und Video im mp4-Format sein.

1. Loggen Sie sich in das one.com Kontrollpanel ein.
2. Öffnen Sie den File Manager unter Hosting-Einstellungen im Menü auf der linken Seite.
3. Klicken Sie auf + Hochladen und wählen Sie die Audio- (mp3) oder Video- (mp4) Datei aus, die Sie in Ihre Website einbetten möchten.
4. Kopieren Sie den vollständigen Pfad Ihrer Datei und fügen Sie ihn zur späteren Verwendung in eine Textdatei ein.

Schritt 2 - Den Homepage-Baukasten öffnen

1. Homepage-Baukasten öffnen.
2. Klicken Sie im Komponentenmenü links auf Widgets.
3. Scrollen Sie nach unten und wählen Sie Code.

Schritt 3 - Den Code in den Homepage-Baukasten einbetten

1. Kopieren Sie eines der folgenden Codebeispiele und fügen Sie es in die Codekomponente im Homepage-Baukasten ein.
2. Ersetzen Sie den vollständigen Pfad im Codebeispiel durch den vollständigen Pfad zu Ihrer Audio- oder Videodatei.
3. Klicken Sie auf Speichern.

Wählen Sie eines der folgenden Beispiele aus 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>

Eine MP3-Audiodatei einbetten, die automatisch abgespielt wird:

</audio>

Hinweis: Einige Browser begrenzen die automatische Wiedergabe von Audio oder Video, auch wenn Sie es zu Ihrem Code hinzugefügt haben.

Video:

Eine mp4-Videodatei einbetten:

</video>

Eine mp4-Videodatei einbetten, die automatisch abgespielt wird:

</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 auf den Bildschirm des Betrachters anpassen, indem Sie die Breite auf "100%" (Breite="100%") und die Höhe auf "auto" (Höhe="auto") ändern.

Schritt 4 - Speichern und veröffentlichen

1. Die Komponente wurde nun zu Ihrem Arbeitsbereich hinzugefügt. Ziehen Sie die Komponente an die Stelle, an der sich die Datei auf Ihrer Website befinden soll.
2. Klicken Sie auf Vorschau, um zu prüfen, ob es so aussieht, wie Sie möchten.
3. Wenn alles gut ist, klicken Sie auf Speichern und Veröffentlichen, um Ihre Änderungen online sichtbar zu machen.

Tipp: Fügen Sie eine Box-Komponente mit den gleichen Dimensionen wie Ihr Video zu Ihrer Website hinzu und hängen Sie die Code-Komponente an die Box an. Dadurch kann die Platzierung des Audios oder Videos einfacher gesteuert werden. Die Größe des Videos wird durch die Höhe und Breite im HTML-Code bestimmt.

Verwandte Artikel:

• Wozu kann ich die Container-Komponente nutzen?
• Wie bearbeite ich die mobile Ansicht meiner Homepage-Baukasten-Seite?