Inbädda webbinnehåll som YouTube-videor ärganska enkelt, eftersom tjänsten ger dig inbäddningskoden och du bara behöver klistra in den. Problemet är att om du klistrar in länken på en webbplats som har en responsiv design kommer videoramen inte att ändra storlek eftersom själva inbäddningskoden inte svarar. Samma sak gäller inbäddningar från Google Maps, Vimeo och Instagram. Om du vet hur du kan, kan du alltid redigera koden själv så att den blir lyhörd, men ett mycket snabbare och enklare sätt att göra är att använda Bädda in på ett responsivt sätt. Det är en webbapp som är avsedd för att ge dig responsiva inbäddningskoder för innehåll på tjänster som YouTube, Vimeo, Google Maps och Instagram.
Att använda Bädda in responsivt är tillräckligt enkelt. Du måste först hitta vad du bäddar in, vare sig det är en plats på Google Maps, en video på YouTube eller Vimeo eller ett foto eller en kort video på Instagram. Du behöver inte kopiera inbäddningskoden från tjänstens egen funktion; bara kopiera URL: en för dess sida. Besök sedan Bädda in responsivt och välj samma tjänst där från tillgängliga alternativ.
Klistra in webbadressen som du kopierade från tjänsten,och klicka på knappen "Bädda in". Du kommer att se en förhandsgranskning av videon, kartan eller bilden som du bäddar in och dess responsiva inbäddningskod nedanför. Nu behöver du bara klistra in inbäddningskoden på din webbplats som du skulle göra med alla andra auto-genererade inbäddningskoder, och den kommer att fungera responsivt och ändra storleken på skärmen.
Det säger sig självt att om du vill haresponsiv inbäddningskod för att fungera som den annonseras på din webbplats, själva webbplatsen måste ha en lyhörd design till att börja med, annars kommer det inte vara någon mening att använda responsiv inbäddningskod. Det beror på att det är din webbplats som måste upptäcka en förändring i skärmstorlek. Du kan testa koden på webbplatsen Embed Responsively genom att klistra in en länk och sedan ändra storlek på webbläsarfönstret. Du ser att förhandsgranskningen som genereras där ändrar storleken när du ändrar storleken på fönstret. Det tar också hand om att inte hålla sig fast vid fönsterkanterna, vilket lämnar vadderingen på båda sidor.
Det kan överraska vissa att lära sig att inbäddningenkod från webbplatser som YouTube och Google Maps svarar inte, särskilt när tjänster som Twitter och SoundCloud ger användarna en responsiv inbäddningskod som standard. Bädda in responsivt hjälper dig också att hitta andra tjänster som gör det under fliken "Mer".
Besök Bädda in responsivt
[via The Next Web]
kommentarer