2012-06-07 103 views
0

當通過fancybox播放時,有沒有辦法擺脫YouTube上的底部狀態欄? 我試圖附加「controls =」0「」,但底部欄停留在剪輯的持續時間。如何擺脫youtube底欄和標題?

也有一種方法讓頂角的「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; 

}); 
+0

你可以把一個鏈接到該站點調整不透明度值? – Fresheyeball

+0

我們目前正在爲我們的移動應用程序構建着陸頁,它應該在大約5天內啓用,但我們尚未在服務器上啓用它。如果沒有人可以回答,那麼我會爲你提供鏈接 – anc1revv

+0

'http://www.youtube.com/watch?v = sqRPrGeBVL0&autoplay = 1&controls = 0' - 這對我很有用 –

回答

2

autohide=1選項添加到您的命令行(在你的href),如:

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

對於「close」按鈕,你可以這樣optioin添加到您的腳本:

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

如你所願

+0

豎起大拇指! – anc1revv

+0

但「關閉」按鈕腳本不起作用。當我添加代碼時,鏈接只會直接轉到youtube.com,而不是打開一個框 – anc1revv

+0

只需確保不會丟失逗號來分隔選項(如果您在「swf」後添加了腳本:{} '選項,在該選項''swf'的右括號後面添加一個逗號:{},// < - 逗號'與您將它們全部分開的方式相同) – JFK