Slik legger du til video på HTML5 og CSS3-baserte websider - dummies

Muligheten til å spille av videoer via HTML er et stort gjennombrudd, og det er ikke vanskelig å implementere. Du kan bruke en tagg for å legge til video på websiden din, og videoen spilles direkte i nettleseren uten å kreve et plugin som Flash.

Selvfølgelig er det ikke perfekt. Det finnes en rekke konkurrerende videostandarder, og nettleserne kan ikke være enige om hvilken standard som skal aksepteres. De viktigste standardene kalles H. 264 og Ogg.

Noen nettlesere foretrekker en; noen foretrekker den andre. For å gjøre ting mer komplisert, viser filtypen for en video ikke alltid den underliggende kodemekanismen. Dette betyr at videokoding krever noe eksperiment. Hvis videofilen ikke er i formatet du vil ha, må du kanskje konvertere den. FFmpeg og VLC er enestående gratis verktøy du kan bruke til å konvertere video til hvilket format du trenger.

Som med enhver immateriell eiendom, vær sikker på at du har tillatelse fra filens opprinnelige eier. Bare fordi du kan legge inn en video i websiden din betyr ikke at du burde gjøre det.

Koden for denne siden viser hvor mye taggen er som:

videoDemo

Videodemo
Nettleseren din støtter ikke innebygd video gjennom HTML 5.
Denne videoen er en trailer for den utrolige kort film "Big Buck Bunny". Dette eksperimentet viser at talentfulle frivillige kan produsere en høyverdig profesjonell video ved hjelp av kun åpen kildekodeverktøy. Gå til // www. bigbuckbunny. org for å se hele videoen.

Videofiler er ekstremt store, og de kan gjøre nettstedet ditt virke mye tregere for brukerne. De er også besværlige å flytte til en webserver. Av denne grunn foretrekker mange webutviklere å laste opp videoer til en tjeneste som YouTube og bare lenke til videoen på en annen server.

Hvis du høyreklikker på en YouTube-video, kan du velge Kopier embed kode fra menyen som vises. Dette gir deg kode du kan bruke på ditt eget nettsted.