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