HTML5 & CSS3 im Schnellgang

Video-Audio

Beispiel Video

Hier benutzen wir einen DIV-Container, in dem sich zwei IFRAMES befinden. Im oberen IFRAME spielt nachher das Video, waehrend das untere IFRAME eine Videoliste mit den dazu passenden Links enthält. Bei dieser Anordnung brauchen wir das Video-TAG nicht.


Doch kommen wir nun zum eigentlichen Video-TAG. Da es fuer einige Videoformate Lizenzen gibt, die teuer bezahlt werden muessen, zeige ich jetzt nur das OGG-Format an.

Wenn Ihr mit der rechten Maustaste in die Seite klickt, oeffnet sich ein Pop-Up-Menue. Hier einfach auf "Seitenquelltext anzeigen" klicken. Dann koennt Ihr sehen, wie die Seite geschrieben wurde. Die einzelnen Codierbefehle lassen sich übrigens auch kopieren und bei Euch in eine Seite einfuegen.