Inbedden van webinhoud zoals YouTube-video's isvrij eenvoudig, omdat de service je de insluitcode geeft en je deze alleen hoeft te plakken. Het probleem is dat als u de link in een website met een responsief ontwerp plakt, het formaat van het videoframe niet wordt gewijzigd omdat de insluitcode zelf niet reageert. Hetzelfde geldt voor insluitingen van Google Maps, Vimeo en Instagram. Als je weet hoe, kun je de code altijd zelf bewerken om ervoor te zorgen dat deze reageert, maar een veel snellere en eenvoudigere manier is om Responsief insluiten. Het is een web-app die u voorziet van responsieve insluitcodes voor inhoud op services zoals YouTube, Vimeo, Google Maps en Instagram.
Responsive Embed gebruiken is eenvoudig genoeg. Je moet eerst vinden wat je insluit, of het nu een locatie op Google Maps is, een video op YouTube of Vimeo, of een foto of korte video op Instagram. U hoeft de insluitcode niet te kopiëren vanuit de eigen functie van de service; kopieer eenvoudig de URL voor zijn pagina. Ga vervolgens naar Responsively insluiten en selecteer daar dezelfde service uit de beschikbare opties.
Plak de URL die u uit de service hebt gekopieerd,en klik op de knop 'Insluiten'. Je ziet een voorbeeld van de video, kaart of afbeelding die je insluit en de responsieve insluitcode eronder. Nu hoef je alleen maar de embed-code op je website te plakken zoals je zou doen met elke andere automatisch gegenereerde embed-code, en het zal responsief werken en zichzelf aanpassen aan de schermgrootte.
Het spreekt voor zich dat als je dat wiltresponsieve insluitcode om te werken zoals geadverteerd op uw website, de website zelf moet een responsief ontwerp hebben om te beginnen, of het heeft geen zin om responsieve insluitcode te gebruiken. Dit komt omdat uw website een verandering in schermgrootte moet detecteren. U kunt de code testen op de Embed Responsively-website zelf door een link te plakken en het formaat van uw browservenster te wijzigen. U zult zien dat het voorbeeld dat daar wordt gegenereerd, wordt aangepast naarmate u de grootte van het venster wijzigt. Het zorgt er ook voor dat het niet aan de randen van het venster blijft plakken en aan beide kanten vulling achterlaat.
Het zal sommigen misschien verbazen om te leren dat de inbeddingcode van websites zoals YouTube en Google Maps reageert niet, vooral wanneer services zoals Twitter en SoundCloud gebruikers standaard een responsieve embed-code geven. Embed Responsively helpt u ook om andere services te vinden die dit doen, op het tabblad 'Meer'.
Ga naar Responsive insluiten
[via The Next Web]
Comments