YouTube Videos im Blog valide einbauen

An sich ist es ja nicht schwer ein YouTube Video in seinen Blog einzubauen. Den Standardcode von YouTube einfach auf der Webseite kopieren und in den Blogbeitrag einbauen. Der sieht wie folgt aus:

1
2
3
4
5
6
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/VIDEOID&hl=de&fs=1"></param>?
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>?
<embed src="http://www.youtube.com/v/VIDEOID&hl=de&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>?
</object>

Um aber diesen YouTube-Video-Code nach dem XHTML 1.0 Standard valide in deinen Blog einbauen zu können, muss dieser Code umgeschrieben werden. Und dies schaut dann so aus:

1
<object type="application/x-shockwave-flash" width="480" height="295" data="http://www.youtube.com/v/J139Aelaf0g"><param name="movie" value="http://www.youtube.com/v/VIDEOID" /></object>

Das war’s.

14 REAKTIONEN

{ 10 comments… read them below or add one }

Hannes Schurig

Sehr interessant, bin ja auch gerade dabei meinen Blog valide zu gestalten.
Werde das mal testen.
Weitere Tipps die alltäglichen Blogposts valide zu gestalten?

Reply

Hannes Schurig

Vielen vielen Dank, damit konnte ich einige Fehler im Code bereinigen.

Wenn du die neuen Features wie Rahmen und Farbe nutzen möchtest, musst du aber natürlich an den Link youtube.com/v/VIDEOID noch die entsprechenden Parameter anhängen; bei mir waren das:
&fs=1&color1=0×006699&color2=0x54abd6&border=1
Um auch die Paramter valide zu kriegen musst du natürlich noch das & in & umwandeln.

Und damit funktioniert es dann wunderbar.

Reply

Hannes Schurig

Im letzten Kommentar hat der Code-Tag nicht funktioniert. Bearbeite doch bitte mal mein Kommentar und setz nach dem “hier:” folgendes:

Diesen Kommentar kannst du dann auch löschen.

Reply

Hannes Schurig

Okay, der Code an sich funktioniert nicht, war eigentlich auch klar. Ich würde meine Kommentare auch selber berichtigen aber eine Kommentar-Editier-Funktion fehlt hier noch ;)

Dann ersetze das bitte einfach mit
“youtube.com/v/uVFNM8f9WnI&fs=1&color1=0×006699&color2=0x54abd6&border=1″

Reply

Adrian Sauer

Um dein Blog nun komplett XHTML-valide gestalten zu können, müßte man das mal analysieren. Das kannst Du sehr gut mit dem W3C Validator machen, den man hier finden kann. Der Validator sagt Dir eigentlich schon, was an Deinem Quellcode nicht richtig ist.

Gruß

Reply

Thomas

Japp, wir mussten vor kurzem auch für die Seite http://www.robotworks-de.com Flash einbinden. Und das sollte valide sein.

Schon komisch, dass man eigentlich auf sämtlichen Videoportalen immer nur den nicht ganz korrekten Standardcode erhält …

Reply

Adrian Sauer

Oh ja. Hab bei Dir auf der Webseite auch mal geschaut und 63 Fehler gefunden.
Sollte das so sein?

Reply

Torsten

Kann nur das Viper’s Video Quicktags Plugin empfehlen (oder wie das heißt). Fügt kinderleicht flv, swf, vimeo, youtube, etc. valide in die Artikel ein. Wirklich sehr gut…

Reply

Adrian

Ich möchte ungerne noch weitere Plugins nutzen. Macht Wordpress eh ein wenig langsamer, daher die Methode.

Thema wurde aktualisiert.

Reply

Adrian

Gibts hier irgendwelche Neuerungen?

Reply

{ 4 trackbacks }

Hinterlasse eine Antwort! Pflichtfelder sind mit einem * gekennzeichnet.

« Zurückblättern

Vorblättern »