A incorporação de conteúdo da Web, como vídeos do YouTube, ébastante fácil, pois o serviço fornece o código de incorporação e você só precisa colá-lo. O problema é que, se você estiver colando o link em um site com um design responsivo, o quadro de vídeo não será redimensionado porque o código de incorporação em si não é responsivo. O mesmo vale para incorporações do Google Maps, Vimeo e Instagram. Se você souber, sempre poderá editar o código você mesmo para torná-lo responsivo, mas uma maneira muito mais rápida e fácil de fazer isso é usando Incorporar responsivamente. É um aplicativo da web dedicado a fornecer códigos de incorporação responsivos para conteúdo em serviços como YouTube, Vimeo, Google Maps e Instagram.
Usar Incorporar responsivamente é bastante simples. Primeiro, você precisa encontrar o que está incorporando, seja um local no Google Maps, um vídeo no YouTube ou Vimeo ou uma foto ou um pequeno vídeo no Instagram. Você não precisa copiar o código de incorporação do próprio recurso do serviço; basta copiar o URL da sua página. Em seguida, visite Incorporar responsivamente e selecione o mesmo serviço nas opções disponíveis.

Cole o URL que você copiou do serviço,e clique no botão "Incorporar". Você verá uma visualização do vídeo, mapa ou imagem que está incorporando e o código de incorporação responsivo abaixo dele. Agora tudo o que você precisa fazer é colar o código de incorporação no seu site, como faria com qualquer outro código de incorporação gerado automaticamente, e ele funcionará responsivamente, redimensionando-se conforme o tamanho da tela.

Escusado será dizer que se você quiser ocódigo de incorporação responsivo para funcionar como anunciado em seu site, o site em si deve ter um design responsivo para começar, ou não haverá sentido em usar o código de incorporação responsivo. Isso ocorre porque é o seu site que precisa detectar uma alteração no tamanho da tela. Você pode testar o código no próprio site Incorporar responsivamente colando um link e redimensionando a janela do navegador. Você verá que a visualização gerada é redimensionada conforme você altera o tamanho da janela. Também toma cuidado para não grudar nas bordas da janela, deixando estofos nos dois lados.
Pode surpreender alguns saber que a incorporaçãoo código de sites como o YouTube e o Google Maps não responde, especialmente quando serviços como o Twitter e o SoundCloud fornecem aos usuários um código de incorporação responsivo por padrão. Incorporar responsivamente também ajuda a encontrar outros serviços que o fazem, na guia "Mais".
Visite Incorporar responsivamente
[via The Next Web]
Comentários