Youtube-Videos richtig einbetten

Autor Manuel Kommentare Kommentar verfassen

Hinweis: In den folgenden Codes muss f49cdgGdUR4 durch die entspechende Video-ID ersetzt werden. Diese findet man in der Video-URL hinter v= .

Es gibt verschiedene Möglichkeiten seine Youtube-Videos auf der eigenen Homepage einzubetten:

Die klassische Methode

Die einfachste Methode ist einfach den Code von Youtube auf die eigene Homepage zu kopieren. Der sieht dann etwa so aus:

<object width="560" height="349">
    <param name="movie" value="http://www.youtube.com/v/f49cdgGdUR4?fs=1&amp;amp;hl=de_DE&amp;amp;rel=0"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/f49cdgGdUR4?fs=1&amp;hl=de_DE&amp;rel=0"
      type="application/x-shockwave-flash" width="560" height="349"
      allowscriptaccess="always" allowfullscreen="true">
    </embed>
</object>

Es funktioniert - jedoch ist diese Methode nicht zu empfehlen, da sie nicht W3C-konform und veraltet ist.

Die valide Methode

Da der obrige Quellcode nicht valide ist, liegt es nahe ihn anzupassen. So bekommt man einen validen Einbettungscode:

<object width="425" height="344" type="application/x-shockwave-flash"
data="http://www.youtube.com/v/f49cdgGdUR4?hl=de&amp;fs=1" />
    <param name="movie" value="http://www.youtube.com/v/f49cdgGdUR4?hl=de&amp;fs=1" />
    <param name="allowFullScreen" value="true" />
    <param name="allowscriptaccess" value="always" />
</object>

iframe

Die wohl einfachste valide Methode ist es eine entsprechende Player-Seite per iframe einzubinden, wie es inzwischen auch YouTube propagiert. Allerdings ist dann der Code im iframe selbst nicht valide.

<iframe width="560" height="349"
src="http://www.youtube.com/embed/f49cdgGdUR4?rel=0"
frameborder="0"  allowfullscreen="allowfullscreen" ></iframe>

Weiterlesen

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>