Не так давно передо мной встала задача установить фоном сайта видеоролик с Youtube. Решить задачу удалось использоваем небольшого скрипта JQuery. Сам скрипт можно скачать с репозитория тут tubular. Данный способ также подойдёт и для вывода фона в блоке в обёртке div-ов.
Инструкция по установке:
1. Присоеденить скрипт к сайту:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
2. Редактируем index.js
где в функции указываем id нужного видеофайла с сервиса Youtube.
$('document').ready(function() { var options = { videoId: 'e4Is32W-ppk', start: 3 }; $('#wrapper').tubular(options); // f-UGhWj1xww cool sepia hd // 49SKbS7Xwf4 beautiful barn sepia });
3. Вывод результата.
Ролик заполнит фон контейнера с id'="wrapper" (см. функцию).
<div id="wrapper" > <!-- Контент контейнера --> </div>
- Войдите, чтобы оставлять комментарии
- 1093 просмотра
Alex 28 декабря, 2013
Интересно
Антон 18 июня, 2016
А как громкость вернуть? Что то не найду Кому не сложно напишите мне https://vk.com/ililililililiil