Как видео c YouTube поставить в фон сайта

Не так давно передо мной встала задача установить фоном сайта видеоролик с 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>

 

Антон 18 июня, 2016

А как громкость вернуть? Что то не найду Кому не сложно напишите мне https://vk.com/ililililililiil

Оставить комментарий

Похожие материалы