alles-mit-links

Is gibt immer wieder tolle, interessante oder witzige Videos auf YouTube, die man seinen Leseren gerne im Blog vorstellen will. Man bekommt den passenden Code auch gleich von YouTube bereit gestellt.

Als Beispiel Vidoe nehme ich ein beliebtes Video aus der Rubrik Wissenschaft und Technik mit dem Titel Use Apple iPad with Magic Mouse. Die farbe ist natürlich an dieses WordPress Theme angepasst.

<object width=”560″ height=”340″> <param name=”movie” value=”http://www.youtube.com/v/2wklrVOFMKA&hl=de_DE &fs=1&color1=0×5d1719&color2=0xcd311b”> </param> <param name=”allowFullScreen” value=”true”> </param> <param name=”allowscriptaccess” value=”always”> </param> <embed src=”http://www.youtube.com/v/2wklrVOFMKA&hl=de_DE &fs=1&color1=0×5d1719&color2=0xcd311b” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”560″ height=”340″> </embed> </object>

Das ist der origonal Code von Youtube, den man so direkt in seine Artikel einbinden kann. Für diesen Blog wäre das Video viel zu groß, da der Textbereich schmaler als die 560 Pixel Breite (width=”560″) die bei YouTube als kleinste Breite ausgewählt werden kann.

Die Werte für width=”560″ und height=”340″ lassen sich zwar Problemlos anpassen und das Video passt mit 410 x 250 Pixeln auch in diesen Blog. Läßt man seine Seite aber ducht ein Analyse-Tool (Seitenreport, W3C, oder Seitwert) testen, bokommt man einige Fehler angezeigt.

Damit das nicht passiert ist es besser, das Video mit diesem Code einzubinden.

<object class=”youtube” data=”http://www.youtube.com/v/2Gf77TnetIU&hl=de_DE& fs=1&rel=0&color1=0×006699&color2=0×54abd6″ type=”application/x-shockwave-flash”>
<param name=”movie” value=”http://www.youtube.com/v/2Gf77TnetIU&hl=de_DE &fs=1&rel=0&color1=0×006699&color2=0×54abd6″></param>
<param name=”allowFullScreen” value=”true”></param>
<param name=”allowscriptaccess” value=”always”></param>
<param name=”scale” value=”exactfit”></param>
<param name=”menu” value=”true”></param>
</object>

Da wir die Grössen-Angaben für das Ojekt als Klasse (<object class=”youtube” …) angeben, müssen wir diese natürlich noch der style.css im entsprechenden Template zuweisen. Dazu fügen wir folgende Zeile darin ein:

.youtube {width: 410px; height: 250px;}

Das wars schon. Am besten speichert man sich diesen Code gleich noch als Textbaustein ab, dann hat den Code gleich für das nächste Video parat. Es sind dann nur noch die Pfadangaben zum entsprechenden Video bei YouTube anzupassen.

Und so sieht das Video mit angepasstem Code auf alles-mit-links aus.

Use Apple iPad with Magic Mouse

Weitere interessante Beiträge

• Der SEO-Trick mit einem YouTube Video
• Die 10 lustigsten Suchbegriffe
• Der Wordpress Club – in 5 Tagen einen profitablen Blog aufbauen!
• WordPress Artikel schreiben
• WordPress Theme-Optimierungen