YouTube-Videos schnell und in beliebiger Grösse oder nur YouTube-Leiste einbinden [Mini-Tutorials]

Ich würde am liebsten vieeel öfter Tutorials posten, aber ich sag euch die ungeschminkte Wahrheit, dazu fehlen mir großteils gute Ideen oder auch die Zeit. Aber selbst kleine Tipps können manchmal viel helfen - ich sehe zum Beispiel immer wieder, dass bei einem Blogpost ein Video (Trailer, Regalvideo etc.) hergezeigt wird und das Kästchen so klein ist, dass man kaum was sieht. Ich persönlich und viele andere wahrscheinlich auch sehen sich das Video dann sowieso direkt auf YouTube an, aber es sieht einfach auch optisch nicht ganz optimal aus. In diesem Post zeig ich euch GANZ EINFACH, wie man ein Video von YouTube ohne viel HTML eingebettet und auch die Größe beliebig und schnell ändern kann!

Blogger hat im Verfassen-Modus direkt einen Button, um Videos einzufügen. Das funktioniert zwar einwandfrei, aber auf der HTML-Seite kommt aber ein ganz schöner Kauderwelsch raus, der Anfänger wahrscheinlich abschreckt und den man sich auch als Fortgeschrittener einfach sparen kann. Dafür ruft YouTube auf und sucht nach dem gewünschten Video, danach geht ihr wie im Bild vor.

Diesen Code kopiert ihr nun und fügt in in den HTML-Teil eures Blogposts ein. Wenn ihr das Video zentriert haben wollt, fügt davor und danach einfach ein <center>...Code...</center> ein. YouTube bietet selbst praktischerweise schon, wie man im Bild sehen kann, einige vorgegebene Größen an:

560x315

640x360

UND FERTIG!
Die erste Zahl bestimmt die Breite (width), die zweite die Höhe (heigth) des Videos. 640 width würde dem x-large Bildformat von Blogger entsprechen. Der Postbereich eines Blogs liegt normalerweise ungefähr zwischen 600 und 800 Pixel - ich habs mit der größten Größe von YouTube ausprobiert, das hat meinen Blog vollständig von der linken bis zur rechten Bildschirmbreite ausgefüllt. War aber immer noch HD, das muss man schon sagen :D Wollt ihr eine Größe unabhängig der Vorgaben von YouTube schaffen, benutzt einfach die "Benutzerdefinierte Größe", die zweite Zahl passt sich dann an eure eingegebene an.

<center><iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/9ItBvH5J6ss" width="560"></iframe></center>

"Wieso? Wieso kann sie nicht einfach mal einen normalen Post schreiben, ohne irgendwelche Überlängen und Zusätze?" Na, dann wärs ja nicht mein Blog ... weil es sich vom Thema her anbietet und ich finde, die Möglichkeit sollte sich verbreiten, zeig ich euch noch fix, wie man sowas wie da unten macht. Ist einfach eine schöne Art Lieder in den Post einzubinden (braucht man nicht oft, aber immer wieder mal) :) Durch die Farbe kann man die Leiste(n) auch an den Blog anpassen. Den unten stehenden Code einfach wie gewohnt in den HTML-Teil eures Posts reinkopieren.

<center><object height="24" name="allowFullScreen" value="true" width="640"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/VIDEO-ID?version=2&amp;hl?&amp;fs=1&amp;&amp;loop=1&amp;color1=0xFFFFFF&amp;color2=0xB3E0FF?rel=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="25"></embed></object></center>

color1=0xFFFFFF: Rahmenfarbe (weiß: ffffff)
color2=0xB3E0FF: Unterer Farbverlauf (Farbinspiration hier)

Falls ihr was nicht versteht, sagt das bitte. Es wär nämlich wirklich schade, wenn ihr an den Codes verzweifelt, denn HTML und CSS kann man wirklich lernen.