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

Question

[df3a2df13]

Как делается просмотр видео в модальном окне, на чистом JS, без jquary

Answer 1

[Роман Ямчук]

Модальные окна - не предусмотрены чистым js, вам необходим любой плагин их реализующий, либо реализовать их самостоятельно, остальное зависит уже от осебенностей библиотеки.

Comments

[Rustam Bainazarov]

df3a2df13, вообще-то здесь такое общение недопустимо. Во-вторых, у вас возникло непонимание, человек имел в виду, что нет механизма а-ля promt или alert. Поэтому нужно это реализовать самостоятельно.

Возьмите любой плагин на чистом JS для этих целей. Тут с что с jQuery, что без него, принцип действия один и тот же — нужно много чего писать, если у вас динамическое создание, подгрузка контента по AJAX и т. п.

Ну а если модальные уже статично выведены в HTML, то по клику искать нужное модальное — и показывать его. Изначально они все скрыты.

[df3a2df13]

Рустам Байназаров, где его взять на чистом JS ? примеров даже нету

[Роман Ямчук]

df3a2df13, micromodal.js первый попавшийся вариант

[df3a2df13]

Роман Ямчук, ну найди его на чистом JS

[Rustam Bainazarov]

df3a2df13, смеётесь? Вбейте в поиск vanilla js modal library:


Выбирайте любой, который подходит.

[df3a2df13]

Рустам Байназаров, мне видео надо, а не голое модальное окно

[Михаил]

что-то вроде https://pinceladasdaweb.github.io/mediabox/example/

[Роман Ямчук]

df3a2df13, ну так встраиваете тег video с ссылкой на ваше видео в разметку модального окна и отображаете ваше модальное окно исходя из вашей логики, к примеру, при нажатии на ссылку.

[df3a2df13]

Михаил, мне плагин не нужен, мне пример нужен,

[Роман Ямчук]

df3a2df13, перейдите по ссылке, долистайте до конца, прочитайте внимательно текст внизу страницы, перейдите по первой ссылке и внимательно прочитайте README, в разделе browser показан пример использования данного плагина.

[Rustam Bainazarov]

df3a2df13, ну так вставьте туда тег video с вашим видео. Или iframe YouTube и т. п.

Модальное окно — это обычная вёрстка.

Answer 2

[Тигран Абрамян]

Comments

[dsfafdagsadf]

и что это значит ?var span = document.getElementsByClassName("close")[0];

что значит [0]