Eerlijke waarschuwing: ik ben geen expert op dit gebied, ik ben gewoon aan het spelen met video op internet en enkele problemen aan te pakken die ik heb bij het pronken met videoclips in blogposts.
Ik heb een iOS-simulator in deze video en ik plaats een HTML-videotag in een eenvoudig HTML-document voor een korte video die ik met Kap heb opgenomen.
Er zijn veel dingen waarmee u rekening moet houden bij video:
- Geeft het controle! Zoals in
. Merk op dat het in de video een minuut kostte om te beseffen dat de video daarom helemaal niet op mobiel verscheen totdat het gebeurde. - De video inline afspelen, zoals
, waardoor deze niet op volledig scherm wordt weergegeven op mobiel zodra u deze afspeelt. - Het vloeiend en met de aspectverhouding aanpassen.
- Waar het te hosten. Is uw webserver in orde? Moet het op een CDN staan? Moet je een mediahost gebruiken die gespecialiseerd is in dit soort dingen? In de video plop ik het op Droplr, wat handig is, vervolgens op CodePen Asset Hosting, wat ook handig is, en uiteindelijk op Cloudinary omdat het leuke dingen kan doen, zoals optimalisatie en formaatafhandeling.
- Zorg ervoor dat de video eruitziet als een verdomde video. Op een mobiel apparaat, als u
, dat betekent een poster:. Anders krijg je een blanco wit niets. Soms is dat alleen al de moeite waard om een soort helper te gebruiken.
Natuurlijk kun je gewoon video op YouTube of wat dan ook gooien en voor niets een goede videobewerking krijgen. Maar YouTube is niet altijd geschikt voor kleine demonstratievideo's zoals ik hier te maken had. Bovendien zijn ze zwaar, dus misschien kijk je ernaar om ze lui te laden.
Uiteindelijk kijken we naar studio.cloudinary.com. Het kan een aantal leuke dingen doen, zoals een aangepaste speler aanbieden en adaptieve bitrate-streaming doen, wat chique is en echt belangrijk lijkt voor de best mogelijke videoprestaties.