Tubular - jQuery-плагин для установки YouTube-видео в качестве фона

Tubular - это jQuery-плагин, который позволяет установить YouTube-видео в качестве фона страницы. Использовать его просто, но он требует поддержки JavaScript и флеш-плеера в браузере клиента. Также для tubular нужен jQuery и SWFObject.

Вам только необходимо знать ID видео в YouTube, которое вы хотите использовать.

Пожалуйста, обратите внимание, tubular должен быть запущен с сервера, чтобы работать как нужно. Плеер YouTube не будет работать на локальной машине.

Инструкция по использованию

1. Подлючаем библиотеку jQuery, например, так:

<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

2. Подключаем swfobject.

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>  

3. Подключаем tubular. Tubular должен быть подключен ПОСЛЕ перечисленных выше скриптов.

<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.js"></script>

4.Вызываем tubular для вашего тега BODY с двумя параметрами: YouTube ID и контейнер для видео. Это должно быть вызвано в функции $(document).ready().

$().ready(function() {
 $('body').tubular('YTid','wrapper'); // здесь YTid - это YouTube ID видео и wrapper - это DIV-контейнер.
 });

Вот и всё.

Обратите внимание, при больших размерах окна используется много памяти.

Требования: jQuery и Flash
Демо: онлайн-пример
Скачать: http://code.google.com/p/jquery-tubular/
Лицензия: MIT License


Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

Комментарии  

#1 Вадим 10.02.2012 18:39
Могла бы еще тянуть в html5 для iOS из коробки цены бы не было бы

You have no rights to post comments