Gere códigos de incorporação responsivos facilmente com este aplicativo gratuito
Todo web designer sabe como incorporar vídeos. A incorporação é a maneira mais fácil de compartilhar conteúdo e melhorar seus artigos com mídias relevantes.
No entanto, há um problema com iframes e outras incorporações de vídeo semelhantes: falta de soluções responsivas. Todo site moderno é totalmente responsivo e um vídeo fixo pode realmente interromper esse fluxo no celular.
Para combater esse problema, tente Embedresponsively.com. Este aplicativo da web gratuito códigos de incorporação gerados automaticamente para uma grande variedade de sites de mídia e até mesmo suporta elementos iframe padrão.
Por padrão, você pode escolher entre um punhado de sites multimídia que suportam incorporações nativas:
- Youtube
- Vimeo
- DailyMotion
- Google Maps
- Soundcloud
- Scribd
Você não precisa memorizar todos esses códigos de incorporação ou mexer com seus widgets de incorporação. Somente Copie o URL de qualquer item que você deseja incorporar e cole-o no aplicativo da web.
Depois de clicar no “Embutir” botão, você vai obter uma prévia isso você pode teste no seu navegador, redimensionando, para ver como o vídeo se adapta. Abaixo do painel de visualização, você encontrará um bloco de código que pode copiar / colar e usar para incorporar em seu site.
Esta é uma das soluções mais simples para o problema de incorporação responsivo. O objetivo é mantenha o vídeo flexível, mantendo a proporção-não é uma tarefa fácil.
Há uma ótima peça em CSS-Tricks com outra solução que depende mais de classes e de um elemento container. Mas se você não quero sempre lembrar de adicionar esse recipiente você pode preferir Embedresponsively.com.
Dê uma olhada no site e dê uma chance. Se você não se importa trabalhando com trechos de código mais longos esta é certamente uma ótima solução para qualquer layout responsivo.
E você pode encontrar o código-fonte completo gratuitamente no GitHub se quiser adicionar suporte para mais mídia incorporável.
