jquery - 如何摆脱 youtube 底部栏和标题？

Question

当通过fancybox播放时，有没有办法摆脱youtube上的底部状态栏？我尝试附加“controls = “0””，但底部栏在剪辑期间一直存在。

还有一种方法可以让右上角的“X”按钮在一段时间后淡出吗？或者至少将按钮从视频框移开一点？

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;

});

Answer 1

将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"});
}

根据需要调整不透明度值