Giusto avvertimento: non sono un esperto di queste cose, sto solo giocando con i video sul Web e risolvo alcuni problemi che ho quando mostro video clip nei post del blog.
Ho un simulatore iOS in questo video e sto inserendo un tag video HTML in un documento HTML di base per un video veloce che ho registrato con Kap.
Ci sono molte cose da considerare con il video:
- Dandogli controlli! Come in,
. Nota nel video che mi ci è voluto un minuto per rendermi conto che è per questo che il video non è stato mostrato sui dispositivi mobili fino a quando non lo è stato. - Riproduzione del video in linea, ad esempio
, che impedisce che vada a schermo intero sul cellulare nel momento in cui lo riproduci. - Dimensionandolo in modo fluido e con proporzioni.
- Dove ospitarlo. Il tuo server web va bene? Dovrebbe essere su una CDN? Dovresti usare un host multimediale specializzato in cose come questa? Nel video, lo metto su Droplr che è conveniente, poi su CodePen Asset Hosting che è anche utile, e infine su Cloudinary perché può fare cose fantasiose come l'ottimizzazione e la gestione del formato.
- Assicurati che il video assomigli a un dannato video. Sul cellulare, se si sta utilizzando
, il che significa un poster:. Altrimenti, ottieni un nulla bianco vuoto. A volte, vale la pena usare un qualche tipo di aiuto.
Ovviamente, puoi semplicemente mandare il video su YouTube o qualsiasi altra cosa e ottenere una buona gestione dei video per niente. Ma YouTube non è sempre adatto per piccoli video dimostrativi come quello con cui avevo a che fare qui. Inoltre, sono pesanti, quindi potresti guardare a caricarli pigri.
Infine, guardiamo studio.cloudinary.com. Può fare alcune cose interessanti, come offrire un lettore personalizzato e fare streaming bitrate adattivo, che è di fantasia e sembra davvero una cosa importante per le migliori prestazioni video possibili.