­

Javascripts

Автоматическая адаптация видео под размер окна

Категория: Javascripts
Просмотров: 731
Универсальный код
SuperEmbed.js определяет YouTube, Vimeo, Vine, VideoPress, DailyMotion и другие встроенные видео на web-странице и делает их адаптивными. Видео подстраиваются под размер окна, сохраняя свои пропорции.

Свойства

  • Работает без внешних библиотек, таких как JQuery
  • Работает автоматически с видео, встроенными с YouTube, Vimeo, Kickstarter, CollegeHumor, Hulu, Flickr, Vine, VideoPress, DailyMotion, Twitch.tv и Vid.me
  • Ссохраняет пропорции
  • Адаптивный вид можно включить или блокировать с помощью классов
  • Очень маленький размер скрипта - всего 1.6 KB

Демо

(уменьшайте/увеличивайте размер экрана, чтобы посмотреть работу скрипта)

Использование

В любом месте страницы вставьте этот код:

<script src="/ПУТЬДОСКРИПТА/superembed.min.js"></script>

Этого достаточно, чтобы автоматически адаптировать любое поддерживаемое видео.

Если вы уже используете JQuery, вы можете разместить SuperEmbed после него, тогда для определения момента загрузки страницы и адаптации будет использоваться JQuery (вместо DOM JavaScript).


Дополнительно:
Если вы хотите силой заставить адаптироваться любое видео (как, впрочем, и вообще любой элемент), который SuperEmbed не определил автоматически, вы можете добавить класс .superembed-force, вот таким образом:

<iframe src="http://www.example.com/video" class="superembed-force"></iframe>

Можно также указать SuperEmbed, что определенный элемент не следует адаптировать, с помощью класса .superembed-ignore, вот так:

<iframe src="http://www.example.com/video" class="superembed-ignore"></iframe>

И, наконец, вы можете задать пропорции 1:1 с помощью класса .superembed-square:

<iframe src="http://www.example.com/video" class="superembed-square"></iframe>

Все то же самое, но на английском языке, вы найдете на странице разработчика

Расскажите друзьям


Самое популярное

Модуль от RusJoomla.ru

Недавно

  • добавили

  • обновили

  • смотрели

Реклама

­

Присоединяйтесь

 

Загрузите Joomla


Хороший хостинг в России. ­
Если при регистрации вы укажете PIN (промокод) 10746, мы будем вам благодарны. Вам бесплатно, нам приятно.

Яндекс.Метрика
Полезные штучки

Комментарии