Det er ganske mange som legger inn videoer fra YouTube og liknende i bloggpostene sine, men dette er en ting jeg har latt være da koden man skal kopiere inn har null og niks med standarder å gjøre. YouTube sin kode bruker blant annet <embed> som faktisk aldri har tilhørt noen som helst html standard.
Så det sier seg sjøl at uansett hvilken DOCTYPE du bruker så ender du opp med en nettside som ikke validerer.
Men det finnes alternativer som ikke ødelegger koden din, nemlig bruk av <object> og <param>
Som eksempel skal jeg bruke traileren til StarDust som jeg fant på YouTube.
YouTubes orginale kode for å sette denne inn i bloggpost:
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/dRGS8o5Q6k4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/dRGS8o5Q6k4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
Denne koden vil gi deg minst 9 valideringsfeil, og hvis du da ofte setter inn videoer ofte i postene dine så blir valideringsfeilene lange som en vondt år. (Bevis)
For å bli kvitt feilene må du i stedet bruke følgende kode:
<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/dRGS8o5Q6k4">
<param name="movie" value="http://www.youtube.com/v/dRGS8o5Q6k4" />
<em>Du må ha flashplayer installert for å se denne filmen</em></object>http://www.youtube.com/v/dRGS8o5Q6k4 er da linken til filmen og er da hentet fra Embed koden til YouTube og ikke URL - denne vil ikke funke.
Teksten som står i <em> taggene er da en beskjed til folk som ikke har evt. har skrudd av flashplayer av noe slag i nettleseren sin.
Resultatet blir som dette:
Ingen valideringsfeil.
For de som er litt late og har WordPress så har jeg moddet en YouTube plugin i dag for å gjøre dette enkelt - Valid EasyTube WP plugin
Oppdatering 26.mars: Paul Bain som laget den original pluginen har lagt til min valide kode i sin, så folk kan laste den rett ned fra siden hans. Denne har også støtte for Google videoer. Link: EasyTube v. 0.2
Den var slettes ikke dum. Jeg har en kompis som legger ut flere videoer om dagen. Skal sende han rett hit jeg, så blir han nok glad. Takk for en god plugin.
March 25, 2007 @ 10:27 pm
[...] Fru W skriver litt om gyldig XHTML-kode fra youtube på hennes blogg. Her tilbyr hun også en liten plugin som hjelper deg med gyldig youtube-kode for siden din. Et innlegg som absolutt er verdt å lese, og som fikk meg til nok en gang å sjekke siden min. Jeg har tross alt byttet litt kode på den i det siste, uten å sjekke. [...]
March 25, 2007 @ 10:58 pm
Pluginen funker bare på YouTube videoer, men selve koden jeg har satt opp i posten kan du bruker på hvilken som helst film, men man må skjekke hvilken kode de bruker i sin “kopiere og lim inn dette” kode først.
March 26, 2007 @ 9:15 am
Fine greier! (ikke det at jeg bruker så mange YouTube-videoer, men likevel…)
Når vi først er inne på “embed”-temaet, noen som vet om det finnes en valid måte å sette inn Flickr-badgen på? Jeg har lagt inn en standard Flickr-badge i bloggens “sidebar”, men resultatet blir en valideringsfeilliste langt som et vondt år…
March 26, 2007 @ 9:54 pm
Hans Petter: Tittet litt på koden og så tabell suppe, & som skal være
&i tillegg til<style>som hører hjemme i head elementet og ikke body.Du kan i hvert fall begynne med å flytte
<style>dit det hører hjemme, og se om du kan lage en enkel div ut av det til å begynne med. - Er dette tatt direkte fra Flickr? Eller har du en widget?March 27, 2007 @ 7:59 am
For en heftig film!
March 27, 2007 @ 9:28 am
SS: Den er i hvert fall på min skal-se-på-kino liste. Spørsmålet er om jeg skal lese boka før eller etter.
March 27, 2007 @ 10:01 am
Det må bli litt etterpå.
March 27, 2007 @ 1:12 pm
Lastet ned plugin til Paul Bain… Men fikk fortsatt 7 feil bare på et klipp.
Noe jeg gjør feil?
April 1, 2007 @ 12:01 pm
Ta og dobbeltsjekk at du har versjon 0.2 av pluginen.
April 1, 2007 @ 12:06 pm
Hehe. Du hadde selvfølgelig helt rett. Men fant også en liten feil i v0.2 på linje 84. Har gitt Paul Bain en kommentar om det. Det manglet en fnutt.
Takk for hjelpen. Igjen.
April 1, 2007 @ 2:06 pm