JSFiddle - React, Tailwind, and code Playground

by pataluc

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">

JavaScript

$.fancybox({
        'width'  : 470,           // set the width
        'height' : 190, 
        'autoSize': false, 
        'transitionIn': 'fade', 
        'transitionOut': 'fade', 
        'href': 'http://www.whattimeisit.com/', 
        'autoDimension' : false,
        'type': 'iframe',
    });

setTimeout(function(){
    $('iframe.fancybox-iframe').attr('src', function(i, val){return val;});
}, 10000);