Вграждането на уеб съдържание като видеоклипове в YouTube едоста лесно, тъй като услугата ви дава вграден код и трябва само да го поставите. Проблемът е, че ако поставите връзката в уебсайт с адаптивен дизайн, видео рамката няма да промени размера, тъй като самият вграден код не отговаря. Същото важи и за вгражданията от Google Maps, Vimeo и Instagram. Ако знаете как да, винаги можете сами да редактирате кода, за да го направите отзивчив, но много по-бърз и лесен начин е да използвате, като използвате Поставете отзивчиво, Това е уеб приложение, посветено на предоставянето на отзивчиви вградени кодове за съдържание в услуги като YouTube, Vimeo, Google Maps и Instagram.
Използването на Embed Responsively е достатъчно просто. Първо ще трябва да намерите какво вграждате, било то местоположение в Google Maps, видео в YouTube или Vimeo или снимка или кратко видео в Instagram. Не е необходимо да копирате вградения код от собствената функция на услугата; просто копирайте URL адреса за страницата му. След това посетете Embed Responsively и изберете същата услуга там от наличните опции.
Поставете URL адреса, който сте копирали от услугата,и кликнете върху бутона „Вграждане“. Ще видите визуализация на видеоклипа, картата или изображението, което вграждате, и неговия отзивчив вграден код под него. Сега всичко, което трябва да направите, е да поставите вградения код на уебсайта си, както бихте направили с всеки друг автоматично генериран вграден код и той ще работи отзивчиво, преоразмерявайки се според размера на екрана.
Разбира се, че ако искатеотзивчив вграден код, за да работи както е рекламиран на вашия уебсайт, самият уебсайт трябва да има отзивчив дизайн, за да започнете или няма смисъл да използвате отзивчив вграден код. Това е така, защото именно вашият уебсайт трябва да открие промяна в размера на екрана. Можете да тествате кода на самия уебсайт Embed Responsively, като поставите връзка и след това промените размера на прозореца на браузъра си. Ще видите, че генерираният там визуализация оразмерява с промяната на размера на прозореца. Освен това се грижи да не се залепи по самите краища на прозореца, оставяйки подплънки от двете страни.
Може да изненада някои да научат, че вгражданетокод от уебсайтове като YouTube и Google Maps не реагира, особено когато услуги като Twitter и SoundCloud дават на потребителите отзивчив вграден код по подразбиране. Embed Responsively също ви помага да намерите други услуги, които го правят, в раздела „Още“.
Посетете Поставете отзивчиво
[чрез The Next Web]
Коментари