将youtube视频传递到Facebook,就像fancybox中的iframe链接一样

时间:2014-06-17 08:20:54

标签: jquery html5 fancybox fancybox-2

我正在使用fancybox在弹出窗口上显示视频,还有像标题按钮一样的facebook。

<a class="fancybox-media change_status" href="http://www.youtube.com/watch?v=opj24KnzrWo" title="sa">Youtube</a>

$('.fancybox-media')
    .attr('rel', 'media-gallery')
    .fancybox({
    href: $(this).attr('href'),
    openEffect: 'none',
    closeEffect: 'none',
    prevEffect: 'none',
    nextEffect: 'none',
    autoDimensions: false,
    padding: [15, 15, 0, 15],

    height: 370,
    width: 490,

    arrows: false,
    helpers: {
        media: {},
        buttons: {},
        title: {
            type: 'inside'
        }
    },

    beforeShow: function () {
        if (this.title) {

            this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px;" allowTransparency="true"></iframe>';
        }
    }
});

this.href代码中出现问题,错误显示&#34; href网址在FB&#34;上必须是绝对的。

0 个答案:

没有答案