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

Det er ingen hemmelighed, at Steve Jobs hadede Flash; han var selvstændigt ansvarlig for dens undergang. Hans grunde, alle gyldige, kan læses i dette fremragende essay. På nettet, ja, Flash tabte. HTML, CSS, JavaScript vandt. Internettet blev ikke længere fyldt med grimme og langsomme stænk af Flash-baserede websteder. Internettet er meget smukkere, end det plejede at være.

Skamløst stik: Tjek vores nye afsnit om Ultimate Guides and Ebooks. Det kaldes ”smukt informativt”. Og ikke en enkelt linje med Flash-kode blev brugt til dens fremstilling.

Flash er dog stadig udbredt, når det kommer til videoer. Mens sprog i frontend var klar til at overtage de interaktive elementer på webstedet, var HTML og videoafspilning stadig ikke de bedste venner.

Det er meget bedre nu, med HTML5-specifikationen afsluttet og browserstøtte på et plateau. Hvad jeg får ved, er, at selvom mange websteder stadig kan lide at skubbe Flash-videoer ned på internetkablerne, behøver de det virkelig ikke. Og selvom YouTube flytter en masse af sine videoer til HTML5-formatet, er vi helt klart ikke helt derhen.

I denne vejledning vil vi fokusere på, hvordan vi tvinger HTML5-videoer på websteder som YouTube og Vimeo (så meget vi kan).

Hvorfor vil du gøre dette?

Vi ved, at Flash i det hele taget er dårligt, men hvorfor skulle du ønske at skifte fra Flash-video til HTML5?

• HTML5-videoer er mindre ressourceintensive. De indlæses hurtigere.
• De tager næsten ikke så meget strøm at køre, hvilket betyder, at din bærbare batteris holder længere.
• For mig, og jeg har ingen videnskabelig måde at bevise dette på, ser HTML5-videoer skarpere spillet i 720p-opløsning på min Retina MacBook Pro.

Og selvfølgelig er der også ulemper. For det meste understøtter HTML5-videoer ikke 1080p-opløsning. Hvis du er afhængig af fuld HD-afspilning, er denne løsning muligvis ikke for dig. Igen, efter min mening, er 720p HTML5-afspilning virkelig rart.

YouTube har sin egen HTML5- videoside : YouTubes egen HTML5-videoside angiver bare, at når det er muligt, vil det indlæse HTML5-videoer, men det giver ingen detaljer om, hvilke.

Chrome-udvidelser

HTML5ify

HTML5ify blokerer Flash-indhold, hvor det er, og erstatter det med HTML5. Udover YouTube tvinger det også HTML5-afspillere i Vimeo (hvis du har set mere end et par Vimeo-videoer, ved du, at den indbyggede afspiller er unødvendigt kompliceret).

HTML5-video til YouTube

HTML5-video til YouTube gør stort set det samme som HTML5ify, bortset fra at det tilføjer en stribe UI under hver video. HTML5-understøttelse af high definition-videoer er stadig vanskelig. Så du skal muligvis nøjes med 720p-opløsning. Dropdown-menuen under videoafspilleren giver dig muligheder for at vælge kvalitet.

Firefox-tilføjelser

YouTube ALLE HTML5

YouTube ALL HTML5 tilføjer en knap, der skifter den aktuelle video til HTML5-format.

YouTube HTML5-video

YouTube HTML5-video er en enkel tilføjelse, der indsætter “& html5 = 1” i slutningen af ​​hver YouTube-URL, der tvinger videoen til at indlæse i HTML5. Hvis du har 100% tillid til HTML5-videoer og ikke ønsker at klikke på en knap hver gang, skal du bruge denne tilføjelse til dybest set at automatisere processen.

YouTube HTML5-afspiller

YouTube HTML5-afspiller ligner YouTube ALLE HTML5. Det giver dig en knap, der skiftes fra Flash til HTML5-video, når det trykkes på.

Flash eller HTML5?

Det er din tur nu. Flash eller HTML5 - hvilket er dit foretrukne online videoafspilningsformat? Fortæl os det i kommentarerne herunder.