FancyBox -

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<br/>
<br/>
<a class="fancybox">Click to show pdf</a>

<a class="fancy"></a>

JavaScript

$(".fancybox").click(function(){
    var photoArray = [];
    photoArray.push({ href: 'https://www.google.com' , type: 'iframe' });
     
    
    
    $('.fancy').fancybox();
            $.fancybox.open(photoArray, {
                'openEffect': 'elastic',
                'closeEffect': 'elastic',
                'nextEffect': 'fade',
                'openSpeed': 600,
                'arrows' : false,
                'closeSpeed': 200,
                    autoSize : false,
                    beforeLoad : function() {                    
                        this.width = 1000;  
                        this.height = 800;
                    },
                    helpers: {
                        overlay: null
                    //buttons: {}
                },
                    iframe: {
                        preload: false
                    }
            });
});