Mobirise Tutorials

Music-Player SoundCloud

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="gnRQAk" bei mir 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 vom Music-Player auf Schwarz gestellt.

.gnRQAk {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: black;
}