fancybox .iframe的问题

Question

尝试使用fancybox iframe显示YouTube文件时出现问题。它显示带滚动条的小框架。我附上了一个代码链接。我正在使用YouTube API提取内容。

https://jsfiddle.net/Le98zx1s/

jQuery显示为html

function getOutput (item)
{
    var videoId = item.id.videoId;
    var title = item.snippet.title;
    var description = item.snippet.description;
    var thumb = item.snippet.thumbnails.high.url;
    var channelTitle = item.snippet.channelTitle;
    var videoDate = item.snippet.publishedAt;
    var output = '<li>' +
                     '<div class = "list-left">' +
                         '<img src="' + thumb + '">' +
                     '</div>' +
                     '<div class ="list-right">' +
                         '<h3><a class="fancybox fancybox.iframe"' + 'href="http://youtube.com/embed/' + videoId + '">' + title + '</a></h3>' +
                         '<small>By <span class="cTitle">' + channelTitle + '</span> on ' + videoDate + '</small>' +
                         '<p>' + description+'</p>' +
                     '</div>' +
                 '</li>' +
                 '<div class ="clearfix"></div>' + ' ';
    return output;
}