@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". Прочитал, что это можно пофиксить подправив немного урл, но проблема в том, что сайт на битре и видео будет добавлять менеджер. Как можно решить данную проблему?
  • Вопрос задан
  • 192 просмотра
Решения вопроса 1
UnluckySerivelha
@UnluckySerivelha
magnific popup
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы