WordPress: Videos und Songs kinderleicht einbinden

wp_video_sound_einbinden_header

Fotos vom eigenen Computer in eine WordPress-Webseite einzubinden ist schon seit längerem über die hauseigene WordPress-Mediathek einfach zu realisieren. Interessant für Musikerinnen und Musiker: Wie bekomme ich darüber hinaus Videos und Songs in meine Website?

Videos einbetten (z.B. YouTube, Vimeo)

Folie3

Bei WordPress ist es mittlerweile kinderleicht Videos, beispielsweise von YouTube oder Vimeo, einzubinden – ohne umständlich zusätzliche Plugins installieren zu müssen.

  1. Du rufst das Video, das du einbinden möchtest, über YouTube oder Vimeo auf. Markiere und kopiere die URL deines Videos. Diese sieht in etwa so aus: https://www.youtube.com/watch?v=509JX3SkPnE
  2. Alles was du jetzt noch tun musst ist, diese URL an die gewünschte Stelle der Seite oder des Beitrages in deinem WordPress Dashboard einzufügen. Speichern. Fertig.
    Achtung: Achte darauf, dass die URL in einer eigenen Zeile steht und nicht verlinkt, also klickbar, ist!

Das eingebettete Video sieht dann in etwa so aus:

wp_video_einbetten

 

Song einbetten (z.B. SoundCloud, BandCamp)

Folie4

Auch Songs lassen sich einfach von anderen Online-Plattformen, wie SoundCloud oder BandCamp, einbinden.

  1. Du rufst wieder den Song oder die Playlist, die auf deine Seite soll auf der entsprechenden Plattform auf. Dort musst du nach dem Einbettungscode suchen. Bei SoundCloud findest du diesen unter der Schaltfläche „Share“ („Teilen”).
  2. Dort kannst du dir unter „Embed” („Einbetten“) den Code zum Einbinden des Videos in deine WordPress Website kopieren.
    Der Code sollte entweder so…
    <iframe width=”100%” height=”450″ scrolling=”no” frameborder=”no” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/1924279&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true”></iframe>
    …oder so ähnlich aussehen:
    [ soundcloud url=”https://api.soundcloud.com/users/1924279″ params=”auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true” width=”100%” height=”450″ iframe=”true” / ]
  3. Diesen  Einbettungscode fügst du, wie bei den Videos, in das Textfeld der Seite oder des Beitrages in deinem WordPress Dashboard ein. Das war’s auch schon.

Der eingebettete Audioplayer könnte dann wie einer der folgenden aussehen:

wp_sound_einbinden

 

Songs und Videos als Widgets einbetten

Folie5

Neben Beiträge und Seiten können Videos und Songs auch in Widgets eingebettet werden. Widgets sind eingebaute Boxen, die einen bestimmten Inhalt in einem festgelegten Bereich deiner WordPress-Webseite darstellen (z.B. Seitenleiste, Footer). Die Widgets findest du im WordPress Dashboard unter dem Punkt “Design”.

  1. Du kopierst die URL bzw. den Einbettungscode genauso wie bei der Einbettung in eine Seite oder einen Artikel.
  2. Nun wird die kopierte URL bzw. der Einbettungscode direkt in ein zuvor erstelltes Text-Widget eingefügt.

 

Hochladen von Mediendateien in die WordPress Mediathek

Folie6

Hast du dir WordPress heruntergeladen und nutzt es über deinen eigenen Webspace und nicht via wordpress.com, dann kannst neben Bild- (jpg, .jpeg, .png, .gif) und PDF-Dateien auch eigene Video- (.mp4, .m4v, .mov, .wmv, .avi, .mpg) und Audiodateien (.mp3, .m4a, .ogg, .wav) direkt über deinen Computer hochladen. So nutzt du den integrierten Audio- bzw. Videoplayer.

  1. Klicke in der Seite bzw. dem Beitrag, in dem die Datei angezeigt werden soll, oben links auf “Dateien hinzufügen“, wähle anschließend “Dateien hochladen” und klicke auf den “Dateien auswählen“-Button, um die Bild / Video / Audio Datei auf deinem Computer zu suchen oder schiebe sie direkt per Drag and Drop in den “Uploadbereich”.
  2. Die Datei ist nun in deiner WordPress-Mediathek gespeichert. Du kannst sie jederzeit im Dashboard über den Punkt “Medien” bzw. “Mediathek” aufrufen, bearbeiten oder auch löschen.

Achtung: Die Datei liegt demzufolge bei dir auf dem Server, besetzt Speicherplatz und erhöht unter Umständen die Ladezeit deiner Website erheblich! Vor allem Videodateien sollten daher besser über Videoplattformen, wie YouTube oder Vimeo, hochgeladen werden und dann nur in deine Seite eingebettet werden. Ein weiterer Vorteil ist, dass diese Videos bestens kompatibel mit verschiedenen Browsern sind.

 

Ein Gedanke zu „WordPress: Videos und Songs kinderleicht einbinden

Schreibe eine Antwort zu Chris Antwort abbrechen