Скрипт для просмотра видео с YouTube в модальном окне

Всем привет. Поздравляю с уже наступившим новым 2016 годом. Это первая статья в этом году, но я не стал выкладывать что-то грандиозное по этому поводу. Во-первых, ничего такого прямо уж грандиозного у меня и нет, а во-вторых, просто хочу выложить то, что у меня накопилось на рабочем столе (это все ради того, чтобы его почистить). Это, конечно, надо было сделать еще в прошлом году, но с работой я не успевал и пришлось в Новый год уходить с «грязным» рабочим столом.

Ну да ладно. Что-то я отвлекся. В этой статье я буду говорить о небольшом довольно простом скрипте просмотра видео с YouTube в модальном окне. Тут ничего не расскажешь, поэтому лучше сразу посмотрите «Демо». Скрипт подойдет для тех, кто ищет воспроизведение видео с YouTube в отдельно открывающемся окошке на все разрешение экрана. В правом верхнем углу предусмотрен крестик, для закрытия модального окна.

Преимущество скрипта в простоте установки и скорости загрузки. Скрипт легкий, простой и в нем нет ничего лишнего.

Установка скрипта на сайт

Инструкция для тех, у кого уже есть сайт и он хочет (или она) добавить воспроизведение роликов с YouTube в модальном окне.

подключение javascript в html

скачать cleo gold на андроид

как в браузере яндекс включить javascript

скрипт для вк смс

скрипты продаж по телефону примеры

1. Скачайте архив

Для начала нужно скачать архив и разархивировать его

2. Залейте необходимые файлы на сервер

В корень вашего сайта нужно залить папку youtuber и файл jquery.js (его вы можете залить туда, где у Вас лежат все скрипты)

3. Подключите скрипты

Между тегами и вставьте следующий код

Соответственно, проверьте пути, у вас они могут отличаться

4. Вставьте html код

Ну и последний шаг — это вставить html код туда, где вы хотите разместить ссылку на открытие модального окна с видео. Код выглядит так:

• https://www.youtube.com/watch?v=5H >
• — обязательный атрибут для работы скрипта
• — элемент ссылки, вместо которой может быть текст или другое изображение