Å bygge inn webinnhold som YouTube-videoer erganske enkelt, siden tjenesten gir deg innebygd koden og du bare trenger å lime den inn. Problemet er at hvis du limer inn koblingen på et nettsted som har et responsivt design, vil ikke videorammen endre størrelsen på fordi selve innebygde koden ikke reagerer. Det samme gjelder innebygder fra Google Maps, Vimeo og Instagram. Hvis du vet hvordan du gjør det, kan du alltid redigere koden selv for å gjøre den responsiv, men en mye raskere og enklere måte å gjøre er å bruke Bygg inn responsivt. Det er en webapp som er dedikert til å gi deg responsive innebygde koder for innhold på tjenester som YouTube, Vimeo, Google Maps og Instagram.
Å bruke innebygd responsivt er enkelt nok. Du må først finne det du legger inn, det være seg et sted på Google Maps, en video på YouTube eller Vimeo, eller et bilde eller en kort video på Instagram. Du trenger ikke kopiere innebygd koden fra tjenestens egen funksjon; bare kopier URLen til siden. Deretter besøker du innebygd responsivt og velger den samme tjenesten der fra tilgjengelige alternativer.
Lim inn nettadressen du kopierte fra tjenesten,og klikk på knappen Embed. Du vil se en forhåndsvisning av videoen, kartet eller bildet du legger inn, og den responsive innebygde koden under den. Nå trenger du bare å lime inn innebygd koden på nettstedet ditt, slik du ville gjort med andre auto-genererte innebygde koder, og den vil fungere responsivt og endre størrelse på seg selv per skjermstørrelse.
Det sier seg selv at hvis du vil haresponsiv innebygd kode for å fungere som annonsert på nettstedet ditt, nettstedet i seg selv må ha et responsivt design til å begynne med, eller det vil ikke være noe poeng i å bruke responsive innebygde koder. Dette er fordi det er nettstedet ditt som må oppdage en endring i skjermstørrelse. Du kan teste koden ut på selve nettstedet Embed Responsively ved å lime inn en kobling og deretter endre størrelsen på nettleservinduet. Du ser at forhåndsvisningen som blir generert der endrer størrelse når du endrer størrelsen på vinduet. Den passer også på å ikke feste seg helt til kantene av vinduet og etterlate polstring på begge sider.
Det kan overraske noen å lære at innebygdkoden fra nettsteder som YouTube og Google Maps reagerer ikke, spesielt når tjenester som Twitter og SoundCloud gir brukere en responsiv innebygd kode som standard. Embed Responsively hjelper deg også med å finne andre tjenester som gjør det, under fanen ‘Mer’.
Besøk Embed Responsively
[via The Next Web]
kommentarer