如何摆脱youtube底部酒吧&标题?

时间:2012-06-07 00:41:03

标签: jquery html fancybox

有没有办法摆脱youtube播放通过fancybox时的底部状态栏? 我试图追加“controls =”0“”但是底部栏在剪辑的持续时间内保持不变。

还有一种方法让顶角的“X”按钮稍稍淡出?或者至少将按钮从视频盒移开一点?

enter image description here

HTML:

<a class="fancybox-media" href="http://www.youtube.com/watch?v=sqRPrGeBVL0&autoplay=1"    >Vimeo</a>

使用Javascript:

$("a.fancybox-media").click(function() {
                 $.fancybox({
                  'padding'             : 0,
                  'autoScale'   : false,
                  'transitionIn'        : 'none',
                  'transitionOut'       : 'none',
                  'title'               : this.title,
                  'width'               : 680,
                  'height'              : 495,
                  'autoPlay'            :'true',
                  'href'                : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                  'type'                : 'swf',    // <--add a comma here
                  'swf'                 : {'allowfullscreen':'true'} // <-- flashvars here
                  });
                 return false;

});

1 个答案:

答案 0 :(得分:2)

autohide=1选项添加到命令行(在href中),例如:

<a class="fancybox-media" href="http://www.youtube.com/watch?v=sqRPrGeBVL0&autoplay=1&autohide=1" >Vimeo</a>

对于“close”按钮,您可以将此选项添加到您的脚本中:

'onComplete': function(){
 $("#fancybox-close").css({"opacity":"0.5"});
}

根据需要调整不透明度值