Теперь я написал стандартный код для загрузки iframe в окне FancyBox. Поэтому я указал типiframe а такжеhref ссылка с YouTube параметров

$.fancybox({
            'type' : 'iframe',
            'maxWidth': "90%",
            'href' : href.replace(new RegExp('watch\\?v=', 'i'), 'embed/') + '?theme=dark&color=white&autohide=1&rel=0&iv_load_policy=3&modestbranding=1&enablejsapi=1&showinfo=0&autoplay=1',
            'padding' : 0,
            'margin'  : 0,
            'autoCenter': false,
            'scrolling' : 'no',
            'fitToView' : false,
            'width' : 950,
            'overlayShow': true,

            beforeLoad : function() {
                var template;
                var hash;
                var info;
                getVideo(id);
            },

            afterLoad:function(){
                $('.fancybox-inner').append(template);
                changeURL(matchYoutubeUrl(href)+'#'+id, info.VideoName, info);
            },

            helpers: {
                overlay: {
                    locked: false
                }
            }
        });

Мне нужно показатьiframe youtube и после этого покажиHTML код. Как сделать? Я попробовал в методе:

afterLoad:function(){
  // $('.fancy-content').html('<b>Any....</b>');
}

Но этот случай очищает мой iframe ...

Также попробовал:

afterLoad:function(){
    $('.fancybox-inner').append(template);
}

Это работает, но я не вижу содержание, его скрытый, блок.fancybox-inner имеет высоту = 600 пикселей, но содержимое - более 600 пикселей, поэтому я не вижу ...