Видео с ютуба в качестве фона сайта - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Всем как всегда доброго здравия и приятного настроения!
В данном материале пойдет речь а том как же нам сделать на своём сайте видео фон с популярном видео хостинг 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 данные моих кошельков есть в профиле

Важно!

При копировании материала указывать ссылку на источник.

- 410
- 05-Февраля-2017
- 0
- 0
Материал разместил:

Похожий материал
Статьи сайта