Tving html5-videoer i stedet for flash i krom og Firefox

Det er ingen hemmelighet at Steve Jobs hatet Flash; han var enkeltstående ansvarlig for dens undergang. Hans grunner, alle gyldige, kan leses i dette utmerkede essayet. På nettet, ja, Flash tapte. HTML, CSS, JavaScript vant. Internett var ikke lenger fylt med stygge og langsomme sprut av Flash-baserte nettsteder. Internett er mye penere enn det pleide å være.

Skamløs plugg: Ta en titt på vår nye Ultimate Guides and Ebooks-seksjon. Det er det vi kaller “vakkert informativt”. Og det ble ikke brukt en eneste linje Flash-kode i fremstillingen.

Flash er fremdeles utbredt når det kommer til videoer. Mens front-end-språkene var klare til å overta de interaktive elementene på nettstedet, var HTML og videoavspilling fortsatt ikke de beste vennene.

Det er mye bedre nå, med HTML5-spesifikasjonen som er ferdigstilt og nettleserstøtte på et platå. Det jeg får til er at selv om mange nettsteder fremdeles liker å klemme Flash-videoer ned på internettkablene, trenger de det virkelig ikke. Og selv om YouTube flytter mange av videoene sine til HTML5-formatet, er vi tydeligvis ikke helt der.

I denne guiden vil vi fokusere på hvordan vi tvinger HTML5-videoer på nettsteder som YouTube og Vimeo (så mye vi kan).

Hvorfor vil du gjøre dette?

Vi vet at Flash i det hele tatt er dårlig, men hvorfor vil du bytte fra Flash-video til HTML5?

• HTML5-videoer er mindre ressurskrevende. De laster opp raskere.
• De tar ikke nesten like mye strøm å kjøre, noe som betyr at den bærbare datamaskinens batteri varer lenger.
• For meg, og jeg har ingen vitenskapelig måte å bevise dette på, ser HTML5-videoer skarpere spilt i 720p-oppløsning på min Retina MacBook Pro.

Og selvfølgelig er det ulemper også. For det meste støtter HTML5-videoer ikke 1080p-oppløsning. Hvis du er avhengig av full HD-avspilling, kan det hende at denne løsningen ikke er noe for deg. Igjen, etter min mening, er 720p HTML5-avspilling veldig fin.

YouTube har sin egen HTML5- videoside : YouTubes egen HTML5-videoside sier bare at når det er mulig, vil den laste inn HTML5-videoer, men den gir ingen detaljer om hvilke.

Chrome-utvidelser

HTML5ify

HTML5ify vil blokkere Flash-innhold der det kan og erstatte det med HTML5. Foruten YouTube, vil den også tvinge HTML5-spillere i Vimeo (hvis du har sett mer enn et par Vimeo-videoer, vet du at den innebygde spilleren er unødvendig komplisert).

HTML5-video for YouTube

HTML5-video for YouTube gjør stort sett det samme som HTML5ify, bortsett fra at det legger til en stripe med brukergrensesnittet under hver video. HTML5-støtte for HD-videoer er fortsatt vanskelig. Så du må kanskje nøye deg med 720p-oppløsning. Nedtrekksmenyen under videospilleren gir deg muligheter for å velge kvalitet.

Firefox-tillegg

YouTube ALLE HTML5

YouTube ALL HTML5 legger til en knapp som bytter gjeldende video til HTML5-format.

YouTube HTML5-video

YouTube HTML5 Video er et enkelt tillegg som setter inn “& html5 = 1” på slutten av hver YouTube-URL som tvinger videoen til å laste inn i HTML5. Hvis du har 100% tillit til HTML5-videoer og ikke ønsker å klikke på en knapp hver gang, kan du bruke dette tillegget for å i utgangspunktet automatisere prosessen.

YouTube HTML5-spiller

YouTube HTML5 Player er omtrent som YouTube ALL HTML5. Den gir deg en knapp som bytter fra Flash til HTML5-video når du trykker på den.

Flash eller HTML5?

Det er din tur nå. Flash eller HTML5 - hvilket er det foretrukne online videoavspillingsformatet? Gi oss beskjed i kommentarene nedenfor.