Веб-программирование

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Новый комментарий

Имя:
Для редактирования комментария осталось 10 минут
Комментарии отсутствуют