Как сделать ютуб фрейм в попапе?

Question

[grinch_asd]

Здравствуйте.

На странице много видео. Нужно оптимизировать работу путем загрузки видео в попапе. Использовал плагины. Пробовал lightbox - не работает с фреймом. Fancybox - версия jquery не стакается с той, к которой привязана большая часть сайта. Писал такое

spoiler

<a href="#media-popup" data-media="http://www.youtube.com/embed/lgZBsWGaQY0?autoplay=1">asd</a></p>
	<div class="popup" id="media-popup">
		<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>
	</div>

$("[data-media]").on("click", function(e) {
    e.preventDefault();
    var $this = $(this);
    var videoUrl = $this.attr("data-media");
    var popup = $this.attr("href");
    var $popupIframe = $(popup).find("iframe");
    
    $popupIframe.attr("src", videoUrl);
    
    $this.closest(".page").addClass("show-popup");
});

$(".popup").on("click", function(e) {
    e.preventDefault();
    e.stopPropagation();
    
    $(".page").removeClass("show-popup");
});

$(".popup > iframe").on("click", function(e) {
    e.stopPropagation();
});

- ошибка "does not permit cross-origin framing youtube". Прочитал, что это можно пофиксить подправив немного урл, но проблема в том, что сайт на битре и видео будет добавлять менеджер. Как можно решить данную проблему?

Comments

[shmatuan]

Ютуб даёт же свой фрейм? В чём проблема использовать его?

[grinch_asd]

shmatuan, так он же просто дает фрейм. А мне нужно выводить его в попапе. тк на странице 20+ видео страница долго загружается. Мне нужно чтобы фрейм тянулся только при клике на ссылку

[Dymok]

magnific popup?

[shmatuan]

grinch_asd, https://webdesign.tutsplus.com/tutorials/how-to-la...

[grinch_asd]

Dymok, то что нужно. Напиши ответ, отмечу решением

Answer 1

[Dymok]

magnific popup