Mobirise Tutorials

Music Player

Music-Player

Mobirise hat die Erweiterung "Music-Player" im September 2022 vorgestellt. Diese Erweiterung wurde vom Drittanbieter ElectricBlaze erstellt, der auch bereits etliche Social Media Erweiterungen und Bezahldienste erstellt hat.

Nachdem die Erweiterung "Music-Player" am + Zeichen installiert wurde, wird diese unter den Erweiterungen wie gewohnt gewählt.

Man konfiguriert diese Erweiterung mittels Klick auf den Block.

Wählt den Anbieter wie z.B. hier "SoundCloud" und tragt unter "Embed SoundCloud" (SoundCloud einbetten) den Einbettungs-Code ein, den ihr bei "SoundCloud" nach dem Aufruf des Songs unter "Teilen" > "Einbetten" findet.

Ihr könnt entscheiden ob ihr als Layout eine "floating" Popup-Box wählt oder den Player, wie hier, direkt einbindet ("embed").

Die Einstellungen sind eigentlich selbsterklärend.

Ich habe hier den eingebetteten Music-Player im Bereich "CSS Editor" vom "Code Editor" mit der class="gfLSMV" auf einen Abstand von 100px von oben und unten gestellt, da der Player sonst direkt an den Blöcken oben und unten sitzt. Außerdem habe ich die Hintergrundfarbe des Blocks mit dem Music-Player auf Schwarz gestellt.

.gfLSMV {
  margin-top: 100px;
  margin-bottom: 100px;
}
background-color: black;


Music-Player

Music-Player Einstellungen

Einbetten

Einbetten

Einbetten Code

Starte den Sound und klicke auf den Button "Teilen".

Wechsele zum Tab Einbetten und kopiere den Code in das Widget "Music-Player".

© Copyright Mobirise-Tutorials.com

Datenschutz und Impressum

Google Translator