Легко создавайте адаптивные коды для вставки
Каждый веб-дизайнер знает как вставлять видео. Встраивание - это самый простой способ поделиться контентом и улучшить свои статьи с помощью соответствующих средств массовой информации..
Однако существует проблема с iframes и другими подобными встраиваемыми видео: отсутствие адаптивных решений. Каждый современный сайт полностью адаптивен, и фиксированное видео действительно может нарушить этот поток на мобильных устройствах..
Чтобы противостоять этой проблеме, попробуйте Embedresponsively.com. Это бесплатное веб-приложение автоматически генерирует коды для встраивания для широкого спектра медиа-сайтов и даже поддерживает стандартные элементы iframe.
По умолчанию вы можете выбрать из нескольких мультимедийных сайтов которые поддерживают встроенные встраивания:
- YouTube
- Vimeo
- DailyMotion
- щебет
- Карты Гугл
- Soundcloud
- Скрибд
Вам не нужно запоминать все эти встраиваемые коды или связываться с их встраиваемыми виджетами. Просто скопируйте URL любого элемента, который вы хотите вставить и вставьте его в веб-приложение.
Как только вы нажмете “встраивать” кнопка, вы будете получить предварительный просмотр что ты можешь проверить в вашем браузере, изменив размер, чтобы увидеть, как видео адаптируется. Под панелью предварительного просмотра вы найдете блок кода, который вы можете скопировать / вставить и использовать для вставки на ваш сайт.
Это одно из простейших решений проблемы адаптивного встраивания. Цель состоит в том, чтобы сохранить гибкость видео при сохранении соотношения сторон-не легкая задача.
На CSS-хитрости есть отличная часть с другим решением, которое больше полагается на классы и элемент контейнера. Но если ты не хочу всегда помнить, добавив этот контейнер вы можете предпочесть Embedresponsively.com.
Взгляните на сайт и попробуйте. Если ты не возражаешь работа с более длинными фрагментами кода это, безусловно, отличное решение для любого адаптивного макета.
И вы можете найти полный исходный код бесплатно на GitHub, если вы хотите добавить поддержку более встраиваемых медиа.
