Aviso justo: não sou especialista nisso, estou apenas brincando com vídeos na web e resolvendo alguns problemas que tenho ao exibir clipes de vídeo em postagens de blog.
Eu tenho um simulador de iOS neste vídeo e estou colocando uma tag de vídeo HTML em um documento HTML básico para um vídeo rápido que gravei com Kap.
Há muitas coisas a se considerar com o vídeo:
- Dando controles! Como em
,. Observe que no vídeo levei um minuto para perceber que é por isso que o vídeo não apareceu em nenhum dispositivo móvel até que apareceu. - Reproduzir o vídeo em linha, como
, o que o impede de ir para tela inteira no celular no segundo que você o reproduz. - Dimensionando-o com fluidez e proporção de aspecto.
- Onde hospedá-lo. O seu servidor está bem? Deve estar em um CDN? Você deve usar um host de mídia especializado em coisas como essa? No vídeo, eu coloco no Droplr, que é conveniente, em seguida, no CodePen Asset Hosting, que é útil também, e finalmente no Cloudinary, porque ele pode fazer coisas sofisticadas como otimização e manipulação de formato.
- Certificando-se de que o vídeo parece um vídeo maldito. No celular, se você estiver usando
, o que significa um cartaz:. Caso contrário, você obterá um nada branco em branco. Às vezes, só isso já vale a pena usar algum tipo de ajudante.
Claro, você pode simplesmente lançar um vídeo no YouTube ou qualquer outro lugar e obter um bom manuseio de vídeo de graça. Mas o YouTube nem sempre é adequado para pequenos vídeos de demonstração como eu estava lidando aqui. Além disso, eles são pesados, então você pode estar pensando em carregá-los lentamente.
Por fim, olhamos para studio.cloudinary.com. Ele pode fazer algumas coisas legais, como oferecer um player personalizado e fazer streaming de taxa de bits adaptável, o que é muito sofisticado e realmente parece algo importante para o melhor desempenho de vídeo possível.