Автоматическое масштабирование размеров видео - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Вернусь ещё раз к теме адаптивности видео на сайте, заметил многие до сих пор ищут методы автоматического масштабирования встраиваемого видео контента. Предлагаю один из проверенных способов с помощью этого скрипта. Есть одно но, минимальное количество поддерживаемых сервис, а именно: YouTube, Vimeo, Blip.tv, Viddler, Kickstarter.

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

На Ucoz уже подключена библиотека jQuery, поэтому добавляем только сам плагин FitVids.js в шаблон страницы.
Code
<script src="путь/до/jquery.fitvids.js"></script> 

Затем запускаем плагин для контейнера с видео с помощью функции fitVids().
Code
<script> 
  $(document).ready(function(){ 
  // Укажите ваш контейнер с видео 
  $("#контейнер_с_видео").fitVids(); 
  }); 
</script> 

Если сложновато понять, то вот пример попроще, перед /body:
Code
<script src="/jquery.fitvids.js"></script> 
<script> 
  $(document).ready(function(){ 
  $("#container").fitVids(); 
  }); 
 </script>

Участок контента в котором видео, накрываем:
Code
<div id="container">Тут код видео плеера или Iframe или же сразу весь $MESSAGE$</div> 

Важно!

При копировании материала указывать ссылку на источник.

- 407
- 03-Декабря-2016
- 0
- 0
Материал разместил:

Похожий материал
Статьи сайта