Medien-Dateien einbetten

Audio-Dateien (mp3) einbetten

Für das Einbetten von Audio-Dateien stellt Jimdo uns leider bisher noch kein eigenes Element zur Verfügung. Es geht aber trotzdem, und sogar mit einem eigenen Player auf der Seite!


1. Soundcloud-Datei mit iframe einbetten

Um den Medienplayer der Medienplattform SoundCloud (http://soundcloud.com) zu benutzen, müsst Ihr Euch bei Soudcloud registrieren und Eure Titel auf der Plattform veröffentlichen.


Die hochgeladenen Inhalte lassen sich entweder per iframe oder per embed-code auf einer Jimdo-Webseite integrieren.


Beispiel:



How to do

  1. Den Widget-Code für eine bei Soundcloud hochgeladene Datei ruft man einfach mit dem "Share"-button ab und kopiert ihn in den Zwischenspeicher

Die Beispiel-Datei ist bei SoundCloud.com unter folgender URL zu finden:



  1. ausgeblendet
  2. Auf der Jimdo-Seite wird dieser Code dann einfach in ein html-Widget-Element eingesetzt.

     



Hier der html-Code des Beispiel-Widgets:

 

<iframe width="100%" height="175" scrolling="no" frameborder="no"
        src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F19961604"></iframe>




2. Einfügen von SoundCloud-Titeln per embed-Code

Eine andere Möglichkeit zum Aufrufen einer SoundCloud-Datei auf einer Jimdo-Seite ist das Einbetten per "embed-Code. Der Embedcode wird ebenfalls in einem Jimdo HTML/Widget-Element platziert.


Beispiel:


Hier der html-Code des embed-Beispiels:


object height="75" width="75">
<param name="movie"
value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F19961604&amp;show_comments=false&amp;auto_play=false&amp;color=00c6ff" />
 <param name="allowscriptaccess" value="always" />
 <embed wmode="transparent" allowscriptaccess="always" height="75"
 src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F19961604&amp;show_comments=false&amp;auto_play=false&amp;color=00c6ff" type="application/x-shockwave-flash" width="75" />
</object>


 

 

Hier noch ein html-Code für ein weiteres Layout:

<object height="70" width="80%">
<param name="movie"
value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F19961604&amp;show_comments=false&amp;auto_play=false&amp;color=00c6ff" />
    <param name="allowscriptaccess" value="always" />
    <embed wmode="transparent" allowscriptaccess="always" height="70" src=
    "http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F19961604&amp;show_comments=false&amp;auto_play=false&amp;color=00c6ff" type="application/x-shockwave-flash"
    width="80%" />
</object>

 



Tipp: Falls Ihr die embed-Codes auf der SoundCloud-Seite nicht finden solltet, kopiert einfach die Codes aus diesen Beispielen und erstezt die Beispiel-URL (rot markiert) mit der URL Eures Titels aus dem SoundCloud Share-iframe!


Weitere Infos zum Thema s.h.: https://developers.soundcloud.com/docs/widget#embed-code

html5 Audio einbetten

Um eine HTML5 Audio Datei Auf Deiner Jimdo-Seite einzubetten, kannst du folgenden Code in ein HTML-Widget Element einfügen:

<audio controls controlsList="nodownload">

<source src="Hier den kopierten Link (Pfad zur Audio Datei)  einfügen" type="audio/mpeg">

<b> Ihr Browser unterstützt HTML5-Audios nicht. </b>

</audio>


Die Datei muss vorher auf einer versteckten Seite als Download-Element hochgeladen werden, von dem dann der Pfad kopiert werden kann.


Einbetten von Videos (Youtube etc.)


 

Das Einbetten eines Videos in eine Jimdo-Webseite ist super einfach!

Benutze dazu einfach das Jimdo-Element "Video":


Für das Testvideo in untenstehendem Beispiel wurde als "Link zum Video" folgende Adresse angegeben:  http://www.youtube.com/watch?v=C0DPdy98e4c   (Klick drauf!)

 

Kommentar schreiben

Kommentare: 0