easyModal.js iFrame Support

How to use easyModal.js with iframes.

HTML

<script src="http://flaviusmatis.github.io/easyModal.js/jquery.easyModal.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
<strong>Examples</strong>
<p>I have included two basic examples, a <a id="open-modal1" href="#">YouTube video (iframe)</a>.</p>

<div id="modal1" class="modal" style="display: none;">
	<p>Holy guacamole! Best check yo self, you’re not looking too good.</p>
    <iframe width="640" height="360" src="//www.youtube.com/embed/LbLfg5m3tns?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

CSS

body {
    padding: 20px;
}
.modal {
    padding: 20px;
    background-color: white;
}

JavaScript

$('#modal1').easyModal({
	top: 200,
	overlay : 0.2
});

$('#open-modal1').click(function(e){
	$('#modal1').trigger('openModal');
	e.preventDefault();
});