Advertencia justa: no soy un experto en estas cosas, solo estoy jugando con videos en la web y abordando algunos problemas que tengo al mostrar clips de video en publicaciones de blog.
Tengo un simulador de iOS en este video y estoy colocando una etiqueta de video HTML en un documento HTML básico para un video rápido que grabé con Kap.
Hay muchas cosas a considerar con el video:
- ¡Dándole controles! Como en
,. Tenga en cuenta que en el video me tomó un minuto darme cuenta de que es por eso que el video no apareció en absoluto en el móvil hasta que lo hizo. - Reproducir el video en línea, como
, lo que evita que pase a pantalla completa en el dispositivo móvil en el momento en que lo reproduce. - Dimensionándolo de forma fluida y con relación de aspecto.
- Dónde alojarlo. ¿Está bien su servidor web? ¿Debería estar en un CDN? ¿Debería utilizar un servidor de medios que se especialice en cosas como esta? En el video, lo coloco en Droplr, que es conveniente, luego en CodePen Asset Hosting, que también es útil, y finalmente en Cloudinary porque puede hacer cosas elegantes como la optimización y el manejo de formatos.
- Asegurándose de que el video se vea como un maldito video. En un móvil, si está utilizando
, lo que significa un cartel:. De lo contrario, obtendrá un nada blanco en blanco. A veces, solo eso vale la pena usar algún tipo de ayuda.
Por supuesto, puede simplemente lanzar un video en YouTube o lo que sea y obtener un buen manejo de video por nada. Pero YouTube no siempre es adecuado para pequeños videos de demostración como los que estaba tratando aquí. Además, son pesados, por lo que es posible que desee cargarlos con pereza.
En última instancia, miramos studio.cloudinary.com. Puede hacer algunas cosas interesantes, como ofrecer un reproductor personalizado y hacer transmisión de velocidad de bits adaptativa, que es elegante y realmente parece algo importante para el mejor rendimiento de video posible.