Генериране на отзивчиви кодове за вграждане лесно с това безплатно приложение
Всеки уеб дизайнер знае как да вграждате видеоклипове. Вграждането е най-лесният начин да споделяте съдържание и да подобрявате статиите си със съответните медии.
Въпреки това, има проблем с вградените рамки и други подобни вграждания на видео: липса на отзивчиви решения. Всеки съвременен сайт е напълно отзивчив и фиксираното видео може наистина да прекъсне този поток на мобилния телефон.
За да се противопостави на този проблем, опитайте Embedresponsively.com. Това безплатно уеб приложение автоматично генерира вградени кодове за широк спектър от медийни сайтове и дори поддържа стандартни елементи за iframe.
По подразбиране можете изберете от няколко мултимедийни сайта които поддържат родните вграждания:
- YouTube
- Vimeo
- DailyMotion
- кикотене
- Google Maps
- Soundcloud
- Scribd
Не е нужно да запомняте всички тези кодове за вграждане или да се забърквате с техните вградени джаджи. Просто копирайте URL адреса на елемента, който искате да вградите и го поставете в уеб приложението.
След като кликнете върху “закрепвам” бутон получи преглед че можете тествайте в браузъра си, като преоразмерите, , за да видите как се адаптира видеоклипът. Под прозореца за визуализация ще откриете блок от кодове, който можете копирайте / поставете и използвайте, за да вградите в сайта си.
Това е едно от най-простите решения на отговорен вграден проблем. Целта е да поддържайте видеото гъвкаво, запазвайки пропорцията-не е лесна задача.
Има голямо парче на CSS-Tricks с друго решение, което разчита повече на класове и контейнер. Но, ако вие Не искам винаги да помня добавянето на този контейнер бихте предпочели Embedresponsively.com.
Обърнете внимание на сайта и направете изстрел. Ако нямате нищо против работи с по-дълги кодови фрагменти това със сигурност е чудесно решение за всяко отзивчиво оформление.
Можете да намерите пълния изходен код безплатно в GitHub, ако искате добавете поддръжка за повече вграждащи се медии.
