Pošteno upozorenje: Nisam stručnjak za ove stvari, samo se poigravam s video zapisima na webu i bavim se nekim problemima koji se pojavljuju pri pokazivanju videoisječaka u postovima na blogu.
U ovom videu imam iOS simulator i stavljam HTML video oznaku u osnovni HTML dokument za brzi video koji sam snimio s Kapom.
Puno je stvari koje trebate uzeti u obzir kod videozapisa:
- Davanje kontrole! Kao u
,. Napomena u videozapisu trebala mi je minuta da shvatim da se zato video uopće nije pojavio na mobitelu dok se nije.
- Reprodukcija videozapisa u liniji, poput
, što ga sprječava da prijeđe u prikaz preko cijelog zaslona na mobilnom uređaju čim ga reproducirate.
- Veličina je fluidna i s omjerom.
- Gdje ga ugostiti. Je li vaš web poslužitelj u redu? Treba li biti na CDN-u? Trebate li koristiti medijskog domaćina koji je specijaliziran za ovakve stvari? U videu ga stavljam na Droplr koji je prikladan, zatim na CodePen Asset Hosting koji je također zgodan, a u konačnici i na Cloudinary, jer može raditi fensi stvari poput optimizacije i rukovanja formatima.
- Pazeći da video izgleda kao prokleti video. Na mobitel, ako koristite
, to znači da plakat:
. Inače ćete dobiti prazno bijelo ništa. Ponekad samo to vrijedi koristiti neku vrstu pomagača.
Naravno, možete samo prebaciti video na YouTube ili bilo što drugo i dobiti dobro rukovanje videozapisima ni za što. Ali YouTube nije uvijek u redu za male male demonstracijske videozapise s kojima sam ovdje imao posla. Osim toga, teški su, pa možda gledate u lijeno učitavanje.
U konačnici, gledamo na studio.cloudinary.com. Može učiniti neke uredne stvari, poput ponuditi prilagođeni uređaj za reprodukciju i prilagodljivo brzi prijenos podataka, što je neobično i stvarno se čini važnom za najbolje moguće video performanse.