Домашня » Інструментарій » Створити Адаптивний Коди Вставити легко з цим безкоштовним додатком

    Створити Адаптивний Коди Вставити легко з цим безкоштовним додатком

    Кожен веб-дизайнер знає як вставляти відео. Вбудовування - це найпростіший спосіб обмінюватися вмістом та покращувати свої статті за допомогою відповідних засобів масової інформації.

    Однак існує проблема з вбудованими фреймами та іншими подібними вбудованими відео: відсутність реагуючих рішень. Кожен сучасний сайт повністю реагує, а фіксоване відео може дійсно зруйнувати цей потік на мобільному телефоні.

    Щоб протистояти цій проблемі, спробуйте Embedresponsively.com. Це безкоштовний веб-додаток автоматично генерує коди вставки для широкого кола медіа-сайтів і навіть підтримує за замовчуванням елементи iframe.

    За замовчуванням можна вибрати з декількох мультимедійних сайтів які підтримують вбудовані елементи:

    • YouTube
    • Vimeo
    • DailyMotion
    • Instagram
    • Twitter
    • Гугл-мапи
    • Soundcloud
    • Scribd

    Вам не потрібно запам'ятовувати всі ці коди для вбудовування або зіпсувати їх з вбудованими віджетами. Просто скопіюйте URL-адресу будь-якого елемента, який потрібно вставити і вставте його в веб-програму.

    Після натискання кнопки “Вставити” Кнопка, ви отримати попередній перегляд що ви можете тестуйте у своєму веб-переглядачі шляхом зміни розміру, , щоб побачити, як адаптується відео. Під панеллю попереднього перегляду ви знайдете блок код, який ви можете копіювати / вставляти та використовувати для вбудовування на ваш сайт.

    Це одне з найпростіших рішень для вбудованої проблеми. Мета полягає в тому, щоб тримати відео гнучкою, зберігаючи співвідношення сторін-Нелегке завдання.

    Там є великий шматок на CSS-Tricks з іншим рішенням, яке більше спирається на класи і контейнерний елемент. Але, якщо ви не хочете завжди пам'ятати про додавання цього контейнера Ви можете віддати перевагу Embedresponsively.com.

    Загляньте на сайт і дайте йому постріл. Якщо ви не заперечуєте робота з більш довгими фрагментами коду це, безумовно, відмінне рішення для будь-якої адаптивної верстки.

    І ви можете знайти повний вихідний код безкоштовно на GitHub, якщо хочете додайте підтримку більш вбудованих носіїв.