» »

Видео с ютуба в качестве фона сайта

Видео с ютуба в качестве фона сайта

Всем как всегда доброго здравия и приятного настроения!
В данном материале пойдет речь а том как же нам сделать на своём сайте видео фон с популярном видео хостинг YouTube.

Спонсор данного материала habib который внёс 100р за данный скрипт за что ему отдельное СПАСИБО!

Вобщем больше мне сказать о данном материале нечего я думаю всё и так понятно давайте приступим к установке

Установка

Качаем архив и загружаем в папку js его содержимое
затем добавим на нужной страницы перед /head скрипт ниже
Код

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

Это библиотека jquery и если она у вас подключена то пропустите этот шаг

Теперь подключим сами скрипты на той же странице перед закрывающим тегом /body
Код

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


Теперь нам нужно весь контент в области body заключить в тег div с id="wrapper": для этого мы вставим после тега body следующий код
Код

<div id="wrapper" class="clearfix">

а перед тегом /body вставим закрывающий тег нашего дива
Код
</div>


Ну и конечно же нам нужно добавить свой видео ролик для этого откройте файл index.js
в любом текстовом редакторе или же через файловый менеджер сайта нажав на значок изменить напротив файла и заменим ид видео смотрим рисунок ниже



Откуда мне взять жти не понятные цифры думаете вы так я вам отвечу
заходим на ютуб открываем нужный ролик и в браузерной строке копируем данные цифры смотрим рисунок ниже



вставляем их вместо тех что в скрипте и сохраняем естественно если вы редактировали скрипт не через ФМ то вам нужно перезолить скрипт с новыми данными на свой сайт

P.s. если есть у кого то желание отблагодарить как сделал это habib данные моих кошельков есть в профиле
05.02.2017 Загрузок: 12 Просмотров: 897 Комментарий: (8)

Поделиться в социальных сетях

Материал разместил

Комментарий: 8
Kosten
Kosten 05.02.2017 03:431
0
Так это значит, на YouTube можно свой ролик запилить и поставить на фон сайта. Но ролик, это имею виду, что то с эффектами видео.
tsakonter
tsakonter 05.02.2017 03:532
0
Зачем что то самому делать, в ютубе можно найти уже готовые ролики, а так вообще придумано здорово, и видео с этого хостинг не сильно грузит, можно сказать самый быстрый плеер.
Kosten
Kosten 05.02.2017 04:103
0
Это точно. что самый скоростной плеер, у меня интернет соединение не слишком резкое, но этот плеер с пол пинка заводит. Да и сама идее не скажу что оригинальна, просто встречал такие ресурсы, а вот с ютуб это что то новое по моему.
Nikas
Nikas 05.02.2017 12:514
0
а взять картинки превью с видео так:

Код

http://img.youtube.com/vi/ид/0.jpg
http://img.youtube.com/vi/ид/1.jpg
http://img.youtube.com/vi/ид/2.jpg
ຫອმຕ♪♫™
ຫອმຕ♪♫™ 05.02.2017 15:465
0
это можно сделать на странице 404 ??
Сопрано
Сопрано 05.02.2017 16:446
0
Почему бы и нет, но здесь нужно у автора узнать.
waak
waak 05.02.2017 17:157
0
можно
Kosten
Kosten 05.02.2017 17:588
0
waak, но это уже совсем другая история.)
avatar