Статьи Веб-программирование Tubular - jQuery-плагин для установки YouTube-видео в качестве фона
| Tubular - jQuery-плагин для установки YouTube-видео в качестве фона |
| 10.02.2012 09:37 |
|
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
|
| Обновлено 10.02.2012 11:41 |
Комментарии
ВКонтактеАпельсин-1
Голосование
Новые файлы
Шпаргалка по HTML5 Canvas
Archive - бесплатный кириллический шрифт
Шпаргалка по HTML5 атрибутам обработчиков событий
См. также
activecloud.ru
TisRef
Кто онлайн
Сейчас 68 гостей онлайнКомментарии
- Как переделать шаблон Joomla 1...
Уважаемый администратор! Благодарю за отличную ста... далее... - Создаем переходы для страниц п...
Очень интересная информация! спасибо Надо потренир... далее... - Как переделать шаблон Joomla 1...
Действительно есть ошибки в коде. Спасибо большое! далее... - Ваш любимый html-редактор?
Geany only!! далее... - Как переделать шаблон Joomla 1...
пустая страница обычно возникает при возникновении... далее...
