Fair advarsel: Jeg er ingen ekspert på disse ting, jeg leger bare med video på nettet og tager fat på nogle problemer, jeg har, når jeg viser videoklip i blogindlæg.
Jeg har en iOS-simulator i denne video, og jeg lægger et HTML-videomærke i et grundlæggende HTML-dokument til en hurtig video, jeg har optaget med Kap.
Der er mange ting at overveje med video:
- At give det kontroller! Som i
,. Bemærk i videoen, det tog mig et minut at indse, at det var grunden til, at videoen ikke dukkede op overalt på mobilen, før den gjorde det. - Afspilning af videoen indbygget, ligesom
, hvilket forhindrer den i at gå i fuld skærm på mobilen, når du spiller den. - Dimensionering af det flydende og med billedformat.
- Hvor skal det være vært. Er din webserver fint? Skal det være på et CDN? Skal du bruge en mediehost, der er specialiseret i ting som dette? I videoen plopper jeg det på Droplr, hvilket er praktisk, derefter på CodePen Asset Hosting, hvilket også er praktisk og i sidste ende på Cloudinary, fordi det kan gøre fancy ting som optimering og formathåndtering.
- At sikre, at videoen ligner en forbandet video. På mobil, hvis du bruger
, det betyder en plakat:. Ellers får du et tomt hvidt intet. Nogle gange er det alene værd at bruge en slags hjælper.
Selvfølgelig kan du bare chuck video på YouTube eller hvad som helst og få god videohåndtering for ingenting. Men YouTube er ikke altid rigtigt til små, små demonstrationsvideoer, som jeg havde at gøre med her. Plus, de er tunge, så du ser måske på doven at indlæse dem.
I sidste ende ser vi på studio.cloudinary.com. Det kan gøre nogle pæne ting, som at tilbyde en tilpasset afspiller og lave adaptiv bitrate streaming, som er fancy, fancy og virkelig virker som en vigtig ting for den bedst mulige videoydelse.