Плагин jQuery для автоматического масштабирования размеров видео

FitVids - плагин jQuery, который поможет в процессе создания адаптивного интерфейса. Его использование делает ширину встраиваемого видео изменяющейся в соответствии с шириной родительского контейнера.

Плагин jQuery для автоматического масштабирования видео

Как использовать

Включаем jQuery и FitVids.js в шаблон страницы. Затем запускаем плагин для контейнера с видео с помощью функции  fitVids().

<script src="путь/до/jquery.min.js"></script>
<script src="путь/до/jquery.fitvids.js"></script>
<script>
  $(document).ready(function(){
    // Укажите ваш контейнер с видео
    $("#контейнер_с_видео").fitVids();
  });
</script>

Каждое видео будет заключено в контейнер div.fluid-width-video-wrapper со всем необходимым кодом CSS.

 

Поддерживаемые сервисы

YouTube, Vimeo, Blip.tv, Viddler, Kickstarter

Демонстрация

 

 

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Скрипты"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 16 Сентября 2011 13:28
    Serpanok
    всё хорошо) прокольно было бы ещё чтобы он сам подстраивал высоту под размер видимой части страницы))
  • 7 Сентября 2013 14:33
    micha
    Спасибо. Задача возникла - решение найдено.
  • 23 Июля 2014 13:36
    Apsent
    чтото так и не понял как его добавить например в instantCMS
^ Наверх ^