Как вывести видео youtube в модальном окне?

Question

[sabanovvv]

подскажите пож-та!
подключил lightbox для увеличения фотографий,видео и т.д.
фотографии увеличиваются,все хорошо,вот на этой странице
music.frontendwork.esy.es/photo.html

когды пытаюсь вывести видео в всплывающем окне,то ничего получается
music.frontendwork.esy.es/video.html

в чем может быть ошибка?

Answer 1

[Михаил Горячкин]

Вы вставили в качестве превью роликов их сами, вместо картинок, а они выводятся при помощи iframe, а он перекрывает ссылку для вызова lightbox. Так что вы можете либо заменить превьюшки на картинки, а видео как раз открывать в lightbox, либо добавить, что-то вроде этого:

.video_block iframe {
    position: relative;
    z-index: -1;
}

Comments

[sabanovvv]

сделал с помощью картинки,все равно не выводится music.frontendwork.esy.es/video.html

[Михаил Горячкин]

Возьмите fancybox не мучайтесь, в скрипте, который у вас отвечает за вывод окна нет не слова, а том что он поддерживает вывод видео.

[sabanovvv]

Михаил Горячкин: вот тут есть пример с видео
я также сделал,но почему то не выводится все равно

[Михаил Горячкин]

Ссылку то дайте

[sabanovvv]

Михаил Горячкин: demidka.ru/oformlenie-sajta/lightbox

[Михаил Горячкин]

вообще на этом сайте используется другой плагин JCE MediaBox, и вот в нем как раз есть возможность открытия видео. И если вы внимательно посмотрите через анализатор на страницу с примером, то там когда вы нажимаете на ссылку с видео подсасываются еще два скрипта для создания оберток для запрошенного видео www-embed-player-new.js для старых версий браузеров и html5player-new.js для новых. Так что не удивительно, то что у вас не чего не показывается.

Answer 2

[Дмитрий Пыркин]

надо на блок видео ставить картинку и при нажатии на не нее уже открывать ролик

Comments

[sabanovvv]

теперь так и сделал,все равно не выводится music.frontendwork.esy.es/video.html