Embed-Codes

9. Januar 2010

Weil mich in letzter Zeit immer wieder mal Leute danach fragen, erkläre ich heute mal, was Embed-Codes sind und wie man sie benützt.

Was ist ein embed code

Viele Websites, auf denen man Medien (Videos, Fotos, Audiodateien, Powerpointpräsentationen etc.) findet, bieten so genannte embed codes an (embed = einbetten).

Mit so einem Code kann man zum Beispiel ein Video auf einer Homepage zeigen, das aber auf einem anderen Server gespeichert ist. Das hat den Vorteil, dass man selber keinen Speicherplatz braucht und das Video trotzdem kommentieren oder mit Fragen versehen kann.

Embed codes sind in der Sprache Html geschrieben. Sie beginnen oft mit einem der folgenden Tags. Sie enden mit einem Tag, das mit  </ beginnt.

  • <object> … </object>
  • <iFrame> … </iFrame>
  • <script> … </script>

Ein Medium einbetten

Weil die embed codes in HTML geschrieben sind und die meisten Editoren den Html-Code nicht mehr direkt anzeigen, muss man dem Programm, das man benutzt, sagen, dass man nicht normalen Text, sondern html-Code einfügen möchte.

In vielen Editoren gibt es die Möglichkeit zwischen der WYSIWIG-Ansicht (What you see is what you get – was du siehst, ist das, was später auch angezeigt wird) und der Html-Code-Ansicht zu wechseln. In diese Html-Ansicht kann man auch den embed code hineinkopieren.

Beispiel für die beiden Ansichtstypen

WYSIWIG:        Text kann zum Beispiel  fett, oder kursiv sein.

HTML:        Text kann zum Beispiel  <strong>fett</strong>, oder<em> kursiv</em> sein.

Schritt für Schritt

  • embed code des Videos kopieren (Ctrl oder Apfel +C)
  • Auf der gewünschten Seite in den Bearbeitungsmodus gehen.
  • in die html-Ansicht wechslen
  • Den Code einfügen (CTRL oder Apfel +V)
  • Evtl. speichern und dann wieder die Ansicht wechseln.
  • Jetzt sollte auf der Seite ein Platzhalter erschienen sein. Das echte Video sieht man meistens erst, wenn man nicht mehr im Bearbeitungsmodus ist.

Im  PB-Wiki ist es so, dass man zum Einbetten ein sogenanntes Plugin wählen muss. Man klickt auf Plugin, wählt den entsprechenden Dienst (z.B. Youtube), kopiert in das Pop-up-Fenster den Code, dann auf Preview und ok.

Viele Anbieter erlauben nicht alle Embedcodes. Es kann also sein, dass ihr alles richtig gemacht habt und trotzdem nichts angezeigt wird. Youtube und Slideshare funktionieren bei den meisten. Im Zweifelsfall solltet ihr euren Anbieter fragen (beziehungsweise zuerst die FAQ lesen oder googeln).

Post to Twitter Post to Delicious Post to Facebook

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne (1 Stimmen, durchschnittlich: 5,00 von 5)
Laden ... Laden ...

Abgelegt unter: E-Learning / neue Medien,Für Lehrende

Schlagwörter:, , ,

5 Kommentar schreiben Kommentar schreiben

  • 1. Unglückliche britische S&hellip  |  8. Januar 2011 um 16:19

    [...] (2) Frauen sind toleranter Ein Drittel der männlichen Singles würde sich nicht mit Frauen daten, die Übergewicht haben (was immer das heißt). Auf der anderen Seite würde nur etwa jede zehnte Single-Frau einen Mann aufgrund fehlender Haarpracht ablehnen. Online Dating Infographic from PARSHIP Zur Originalquelle. Dort findet sich auch der Embed-Code. [...]

  • 2. Modul4, 3. Einheit Youtub&hellip  |  22. Mai 2011 um 10:21

    [...] ich habe bei http://cornelia.siteware.ch/blog/wordpress/2010/01/09/embed-codes etwas gefunden und werde es nun [...]

  • 3. Raphaela  |  20. August 2011 um 16:29

    Das ist eine wunderbare Erklärung, einfach, schnörkellos und so gut erklärt, dass ich mich tatsächlich wundern muss, weshalb es nicht viele Lobeshymnen in den Kommentaren gibt.

    Danke
    Raphaela

  • 4. DaF-Blog » Hörvers&hellip  |  19. Mai 2012 um 00:34

    [...] Hilfe von Embedcodes kann man auf einer Seite Inhalte von verschiedenen Seiten zusammenbringen, hier im Beispiel eine [...]

  • 5. Microhead  |  9. Januar 2017 um 14:53

    Das ist ein wirklich gelungener Artikel. Ich komme als Ahnungsloser Noob, ein Nichtskönner, und komme in der Kommentarsektion an und verstehen jetzt nicht nur was ein embeded code ist sondern auch mehr über das Internet und seine Funktionsweise an sich.
    Echt gut

    Microhead

Kommentar schreiben

(erforderlich)

(erforderlich), (Versteckt)

XHTML: Du kannst diese Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

URL für Trackbacking  |  RSS -feed für Kommentare zu diesem Beitrag.


Linktipp

SPRACHLICH: Dies, DaF, ecetera.
Für Lernende (Aussprache, Grammatik, Hörverstehen und mehr) und Lehrende.

Kategorien

Neueste Kommentare

Blogs: DaF

Blogs: Lernende

Blogs: Sprache und (Online-)Lernen

DaF extern

 

Januar 2010
M D M D F S S
« Dez   Feb »
 123
45678910
11121314151617
18192021222324
25262728293031

Meta

Stichwortsuche


  • (Spiel-)Vorlage (20)
  • A1 (150)
  • A2 (227)
  • Abzählverse (1)
  • Adjektive (1)
  • Advent (2)
  • Adventskalender (3)
  • akademisch (15)
  • ALSIC (1)
  • anfänger (5)
  • Anleitung (3)
  • Anleitungen (3)
  • App (5)
  • Arbeitsblatt (47)
  • Audacity (4)
  • Audio (55)
  • audio-lingua (4)
  • Audioforum (2)
  • ausdio (1)
  • Ausspracheregeln (12)
  • Ausspracheübung (29)
  • Aussprachewörterbuch (4)
  • authentisch (9)
  • authentische Texte (16)
  • automatisierung (5)
  • autonomes Lernen (31)
  • Autorensoftware (10)
  • B1 (281)
  • B2 (256)
  • Babylonia (1)
  • Beamer (1)
  • Beruf (1)
  • Berufe (2)
  • Bewegung (1)
  • Bewerbung (1)
  • bewerten (1)
  • Bilder (7)
  • bildwörterbuch (1)
  • blix (2)
  • blogs (4)
  • Bräuche (3)
  • Businessdeutsch (1)
  • CC (12)
  • Computerlinguistik (1)
  • Creative Commons (23)
  • DACH(L) (13)
  • daf-blogosphäre (5)
  • dafwebkon (4)
  • DDR (2)
  • dekodieren (2)
  • Deskriptoren (1)
  • deutsche Welle (10)
  • Deutschland (4)
  • Dialekt (9)
  • Dialoge (3)
  • DICE (1)
  • Didaktik (5)
  • digitalisieren (1)
  • Diktat (8)
  • Diskussion (4)
  • diskutieren (7)
  • Durchsage (1)
  • dwds (2)
  • Einsatz von E-Learning (39)
  • Energie (3)
  • Englisch (3)
  • englischer Beitrag (14)
  • Essen (11)
  • Etymologie (1)
  • Fachsprache (5)
  • Fachwortschatz (2)
  • feedback (1)
  • Feiertage (5)
  • Flash (2)
  • Flüssigkeit (2)
  • Fragesätze (1)
  • Frauenstimmrecht (1)
  • Freizeit (2)
  • Fremdwörter (2)
  • Fugen-Element (2)
  • Fussball (1)
  • Gastbeiträge (1)
  • Gedächtnistraining (1)
  • Gedicht (1)
  • Genitiv (1)
  • GER (2)
  • Geschichte (7)
  • Gesellschaft (1)
  • gesprochene Sprache (1)
  • gesundheit (1)
  • GFL (1)
  • google (2)
  • Grammatik (4)
  • gruppenarbeit (12)
  • Handy (4)
  • Heidi (2)
  • Hilfsmittel (2)
  • Hirschfeld (1)
  • Hören und Sehen (41)
  • Hörsehverstehen (6)
  • Hörübung (20)
  • Hörverstehen (7)
  • Hotpotatoes (8)
  • html (1)
  • Humor (2)
  • IDT (22)
  • imperativ (2)
  • improvisieren (2)
  • IMS (1)
  • Info-DaF (1)
  • Interaktiv (10)
  • interkulturell (6)
  • Interview (6)
  • Intonation (4)
  • IPA (5)
  • Karten (3)
  • kollaborativ (2)
  • Kollokation (2)
  • Kölsch (1)
  • Kommunikation (3)
  • Komposita (7)
  • kontrastiv (2)
  • Korpora (2)
  • Kreuzworträtsel (2)
  • Krimi (3)
  • Kriterien (1)
  • Kurzfilm (2)
  • Kurzfilme (3)
  • Landessprachen (1)
  • learning-apps (3)
  • Lehrerrolle (2)
  • Lehrmittel (2)
  • lernerzentriert (30)
  • Lernplattform (6)
  • Lerntipps (30)
  • Lesen (1)
  • Lieder (2)
  • Literatur (2)
  • LL&T (2)
  • LMS (3)
  • lückenfüller (1)
  • Lückentexte (5)
  • Makros (1)
  • Männer und Frauen (2)
  • Mauer (1)
  • Medien (1)
  • mehrsprachig (34)
  • Methode (2)
  • Methodik (2)
  • Methodik A2 (1)
  • mitlesen (1)
  • mitmachen (7)
  • mitsprechen (1)
  • mobiles Lernen (1)
  • Modalverben (3)
  • Multimediaintegration (1)
  • Multiple Choice (2)
  • Musik (1)
  • Musikvideo (8)
  • Nachrichten (3)
  • Nationalität (1)
  • nievau c (1)
  • Niveau C (200)
  • Niveau C1 (1)
  • ohne Vorkenntnisse (1)
  • ohne Login (6)
  • ohne Vorbereitung (2)
  • Open Office (1)
  • open source (2)
  • österreichisches Deutsch (5)
  • Partnerarbeit (13)
  • Passiv (1)
  • Pausierung (3)
  • Phonem-Graphem (17)
  • phonematisches Hören (9)
  • Phonetik (2)
  • phonologische Form (1)
  • plattformübergreifend (1)
  • Podcast (11)
  • Poesie (2)
  • Politik (5)
  • Portfolio (1)
  • präpositionen (1)
  • Präteritum (2)
  • Programme für E-Learning (49)
  • Projekt (14)
  • Projekte (1)
  • Projektorganisation (3)
  • Quiz (3)
  • Radio (1)
  • Radko (1)
  • Ratgeber (1)
  • Rechtschreibung (13)
  • Redemittel (3)
  • Reflexion (2)
  • Reisen (2)
  • Relativätze (1)
  • Ressourcen für E-Learning (39)
  • Rezension (16)
  • Rhythmus (4)
  • Rollenspiel (2)
  • Roman (2)
  • Satzakzent (1)
  • schnell (1)
  • Schweizer Hochdeutsch (31)
  • Schweizerisch (1)
  • Schweizerisches (87)
  • Schwyzerdütsch (10)
  • SCORM (1)
  • sehen (1)
  • selbeermachen (1)
  • selbermachen (19)
  • selektiv lesen (1)
  • selektives Hören (4)
  • selektives Lesen (1)
  • Silbe (8)
  • Skype (1)
  • Slideshare (4)
  • sms (1)
  • Spielfilm (4)
  • spielform (14)
  • sport (1)
  • Sprachbetrachtung (2)
  • Sprache (8)
  • Sprachkurs (2)
  • Sprachlerncommmunity (4)
  • Sprachlerncommunity (1)
  • Sprechaufgaben (2)
  • Sprechaufträge (2)
  • Sprechübung (3)
  • Stadtführung (2)
  • Standardsprache (6)
  • Statistik (8)
  • Statistiken (1)
  • Strategien (5)
  • Studium (1)
  • Südtirol (2)
  • Syntax (8)
  • Szeneprotokoll (1)
  • Tags (1)
  • Tandem (1)
  • Tandemlernen (7)
  • Tanskription (1)
  • technische Tipps (14)
  • Templates (1)
  • Test (2)
  • Text (1)
  • text-to-speech (1)
  • Textrekonstruktion (9)
  • Textsorte (1)
  • Theater (1)
  • Tourismus (5)
  • Traditionen (6)
  • Transkirpte (1)
  • Transkription (9)
  • übersetzen (1)
  • Übungsgenerator (4)
  • Umfrage (8)
  • Unterichtsidee (1)
  • Unterrichtsidee (3)
  • Untertitel (3)
  • Urheberrecht (2)
  • Varietäten (33)
  • VBZ (1)
  • Veranstaltungen (1)
  • verben (6)
  • Verkehr (2)
  • Verständlichkeit (1)
  • Video (122)
  • Videos (1)
  • Voice Thread (2)
  • Vokale (4)
  • Vorentlastung (2)
  • Vorlesen (3)
  • Vortrag (6)
  • Wechselspiele (3)
  • Wegbeschreibung (2)
  • Weihnachten (14)
  • Weiterbildung (3)
  • Werbung (6)
  • Wettbewerb (2)
  • wetter (1)
  • Whiteboard (2)
  • Wiki (2)
  • Wissenschaft (5)
  • wohnen (2)
  • Word (4)
  • wordpress (5)
  • Wortakzent (18)
  • Wortbildung (13)
  • Wörterbuch (3)
  • Wörterbuchbenutzung (3)
  • Wörterbücher (16)
  • Wortgruppenakzent (2)
  • Wortlisten (1)
  • Wortschatz (4)
  • Wortschatzliste (1)
  • Wortsuche (2)
  • Zahlen (2)
  • Zeit (1)
  • Zeitschrift (7)
  • zeitung (2)
  • ZIF (2)
  • Zungenbrecher (2)
  • Zuordnungsübung (5)
  • Zürich (1)
  • Zusamenfassung (2)