FLOG - Dem Flo sein Blog

Willkommen auf meinem Blog

YouTube-Videos per HTML5 einbetten

Zwar nicht direkt, aber indirekt geht das endlich. YouTube bietet die Möglichkeit, Videos per IFrame einzubinden und wenn der User die HTML5-Beta aktiviert hat, dann bekommt er auch ein HTML5-Video angezeigt.
Die Zauberformel:

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"></iframe>

Update

Der Code oben ist nicht wirklich HTML5-Valid, aber der hier dafür schon:

<iframe class="youtube-player" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" style="border: 0px;"></iframe>

Neues Layout, alles HTML5 (und CSS3)

Endlich ist es geschafft, das neue Layout für mein Flog ist live. Der ganze Code ist auf HTML5 und CSS3 umgestellt, durch einen kleinen Trick im CSS (alle neuen HTML5-Elemente auf "display: block" setzen) sieht die Seite sogar im aktuellen Firefox 3.6 und im aktuellen Opera 10.5 gut aus. Die meisten CSS3 Effekte gehen allerdings aktuell nur mit Firefox 3.7 Alpha oder aber dem aktuellen Chrome Browser von Google.

Gleichzeitig habe ich das Versionskontroll-System gewechselt und mal Mercurial ausprobiert. Ein echt gutes Tutorial dazu gibt es von Joel Spolsky.

Noch ein Feature: Wer auf Youtube HTML5 aktiviert hat, wird ab jetzt die Videos, die ich hier von Youtube eingebunden hab, auch als HTML5 Video sehen. newTube machts möglich