Otrzymuj responsywne kody do umieszczania na YouTube, Instagram, Google Maps i Vimeo

Osadzanie treści internetowych, takich jak filmy z YouTube, jest dość łatwe, ponieważ usługa daje kod do osadzenia i wystarczy go wkleić. Problem polega na tym, że jeśli wklejasz link do witryny, która ma responsywny wygląd, ramka wideo nie zmieni rozmiaru, ponieważ sam kod do osadzenia nie reaguje. To samo dotyczy osadzania z Google Maps, Vimeo i Instagram. Jeśli wiesz, jak to zrobić, zawsze możesz samodzielnie edytować kod, aby był responsywny, ale o wiele szybszym i łatwiejszym sposobem jest użycie kodu Osadzaj Responsive. Jest to aplikacja internetowa, która zapewnia responsywne kody do umieszczania treści w serwisach takich jak YouTube, Vimeo, Mapy Google i Instagram.

Responsywne korzystanie z osadzania jest dość proste. Najpierw musisz znaleźć to, co umieszczasz, na przykład lokalizację w Mapach Google, film na YouTube lub Vimeo, zdjęcie lub krótki film na Instagramie. Nie musisz kopiować kodu do osadzenia z własnej funkcji usługi; po prostu skopiuj adres URL swojej strony. Następnie odwiedź stronę Osadź odpowiedzialnie i wybierz tę samą usługę z dostępnych opcji.

Wklej adres URL skopiowany z usługi i kliknij przycisk „Osadź”. Zobaczysz podgląd wideo, mapy lub obrazu, który umieszczasz, i jego responsywny kod do umieszczenia pod nim. Teraz wszystko, co musisz zrobić, to wkleić kod do umieszczenia na swojej stronie, tak jak w przypadku każdego innego automatycznie generowanego kodu do osadzenia, a on będzie działał responsywnie, zmieniając rozmiar zgodnie z rozmiarem ekranu.

Jest rzeczą oczywistą, że jeśli chcesz, aby responsywny kod do osadzania działał tak, jak jest reklamowany w Twojej witrynie, to sama witryna musi mieć responsywny projekt, w przeciwnym razie korzystanie z responsive embed nie będzie sensu kod. Wynika to z faktu, że Twoja witryna musi wykryć zmianę rozmiaru ekranu. Możesz przetestować kod w samej witrynie Embed Responsively, wklejając link, a następnie zmieniając rozmiar okna przeglądarki. Przekonasz się, że wygenerowany tam podgląd zmienia się wraz ze zmianą rozmiaru okna. Uważa również, aby nie przyklejać się do samych krawędzi okna, pozostawiając wypełnienie po obu stronach.

Niektórzy mogą zaskoczyć, gdy dowie się, że kod do umieszczania na stronach takich jak YouTube i Google Maps nie jest responsywny, zwłaszcza gdy usługi takie jak Twitter i SoundCloud dają użytkownikom responsywny kod do umieszczenia na stronie domyślna. Osadzanie Responsive pomaga również znaleźć inne usługi, które to robią, w zakładce „Więcej”.

Odwiedź stronę Osadź odpowiednio

[przez Następna sieć]