Open lightbox with an iframe

Hi,

I’m trying to open a lightbox with an iframe inside. I have this:

functions.php

add_action('wp_footer', 'add_custom_script');
function add_custom_script(){
?>
<script type="text/javascript">
(function($) {
	$(window).load(function () {
		$(".open-popup-link").magnificPopup({
			type: 'iframe',
			mainClass: 'avia-popup mfp-zoom-in',
		});
	});
})(jQuery);
</script>
<?php
}

The link to open the lightbox:
<a href="#open-popup-pass?iframe=true" class="open-popup-link">Open</a>

The lightbox:

<div id="open-popup-pass" class="white-popup mfp-hide">
<iframe id="site" src="url-to-page" style="width: 100%;" />
</div>

Where is the problem?