Context menu in Iframe

Context menu in Iframe

I am displaying fancybox  in an iframe . The iframe contains a HTML video which is built in easypano. The problem is that the Full Screen option in context menu does not make the iframe go full screen. I want to  make the iframe go full screen. I am using image maps.  Here is my code

  1. $(document).ready(function () {

    $('map > area.fancybox').click(function (e) {

    $.fancybox({
    'autoScale': true,
    'title': this.title,
    'type': 'iframe',
    'href': this.href,
    }); // fancybox
    return false;

    }); 

    });