Jquery Fancybox移动标题仅适用于YouTube视频
我有一个画廊,有两种内容:图像和YouTube视频Jquery Fancybox移动标题仅适用于YouTube视频,jquery,youtube,fancybox,fancybox-2,Jquery,Youtube,Fancybox,Fancybox 2,我有一个画廊,有两种内容:图像和YouTube视频 $(".fancybox").fancybox({ padding : 0, beforeShow: function () { /* Disable right click */ $.fancybox.wrap.bind("contextmenu", function (e) { return false; }); if (thi
$(".fancybox").fancybox({
padding : 0,
beforeShow: function () {
/* Disable right click */
$.fancybox.wrap.bind("contextmenu", function (e) {
return false;
});
if (this.title) {
// New line
this.title += '<br />';
// Add FaceBook like button
this.title += '<iframe src="//www.facebook.com/plugins/like.php?href='+this.href+'&width&layout=button_count&action=like&show_faces=true&share=true&height=21&appId=443532569031197" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>';
}
},
afterShow: function() {
//show title over image
$(".fancybox-title").wrapInner('<div />').show();
//title show on hover effect
$(".fancybox-wrap").hover(function() {
$(".fancybox-title").show();
}, function() {
$(".fancybox-title").hide();
});
//adding custom text append picture
var text = $(this.element).attr('data-own');
if(text)
this.inner.append( '<p>' + text +'<p>' );
},
helpers : {
//custom background
overlay : {
css : {
'background' : 'rgba(0, 0, 0, 0.95)'
}
},
title: {
type: 'over'
}
}
});
$(“.fancybox”).fancybox({
填充:0,
beforeShow:函数(){
/*禁用右键单击*/
$.fancybox.wrap.bind(“上下文菜单”,函数(e){
返回false;
});
如果(本标题){
//新线
this.title+='
';
//添加类似FaceBook的按钮
此.title+='';
}
},
afterShow:function(){
//在图像上显示标题
$(“.fancybox title”).wrapInner(“”).show();
//悬停效果的标题显示
$(“.fancybox wrap”).hover(函数(){
$(“.fancybox title”).show();
},函数(){
$(“.fancybox title”).hide();
});
//添加自定义文本附加图片
var text=$(this.element).attr('data-own');
如果(文本)
this.inner.append(''+text+'');
},
助手:{
//自定义背景
覆盖:{
css:{
'背景':'rgba(0,0,0,0.95)'
}
},
标题:{
键入:“结束”
}
}
});
试穿
我需要将标题移到“外部”或完全隐藏仅用于YouTube视频。您有什么建议吗?因为视频是在iframe中打开的,所以您可以应用此解决方案,以避免可能的重复