Не работает магнифик попап с видео, как исправит?

Question

[Artem26rus7]

Не работает скрипт, как исправить?

<a class="popup-youtube" href="https://www.youtube.com/embed/5L8sP4csIJU"><img src="img/25/play-button.svg"></a>

$(document).ready(function() {
	$('.popup-youtube').magnificPopup({
		disableOn: 700,
		type: 'iframe',
		mainClass: 'mfp-fade',
		removalDelay: 160,
		preloader: false,

		fixedContentPos: false
	});
});

Answer 1

[Айнур Валиев]

Src айфрейма не прописан

Comments

[Artem26rus7]

сделал. Так же не работает

<div class="col-md-6">
				<div class="content-wrapper">
					<div class="play fon-play">
						<a id="videolink" href="#videostory"><img src="img/25/play-button.svg"></a>
					</div>
				</div>
			</div>
			<div id="videostory" class="mfp-hide" style="max-width: 75%; margin: 0 auto;">
			    <iframe width="560" height="315" src="https://www.youtube.com/embed/5L8sP4csIJU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>

[Айнур Валиев]

Artem26rus7, не знаю точно как работает магнифик, могу скинуть код fancybox

<div id="fancybox_youtube" class=""  href="https://www.youtube.com/embed/<?=$arResult[" PROPERTIES"]['YOUTUBE']['VALUE'];?>" title="">
    <?
?><img src='https://img.youtube.com/vi/<?=$arResult["PROPERTIES"]['YOUTUBE']['VALUE'];?>/0.jpg' /></div>

$('#fancybox_youtube').on('click', function(ev){
		$.fancybox({
			'padding'		: 10,
			'autoScale'		: true,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'width'			: 680,
			'height'		: 495,
			'type'			: 'iframe',
			'href'			: $(this).attr('href')
		});
     })

[Artem26rus7]

Айнур Валиев, Благодарю. Нахрен этот магнифик попап. Fancybox вещь