2012-06-30 91 views
0

我已經把絕對定位在一個Vimeo的視頻嵌入頂我自己的自定義標題(你可以在這裏看到開發站點http://ourcityourstory.com/dev/)。當我點擊Vimeo視頻時,我希望標題完全置於其上以隱藏。如何在播放視頻時隱藏標題?

我該如何做到這一點?我寫的JS都沒有工作。

這裏是我的非工作代碼:

$(document).click({namespace: this}, function (e) { 
    var t = e.data.namespace; 

    if ($(e.target).parents("#video-slider-wrapper iframe").length > 0 || $(e.target).is($("#video-slider-wrapper iframe"))) { 
     $("#episode h1").hide(); 
    } 
}); 

UPDATE:下面列出pimvdb的例子不正是我需要我的頁面做 - 不過,我不斷收到沒有定義的錯誤「$ F 「在我的頁面上。

+3

你能告訴那些非工作JS的人? – Jashwant

+0

[此](http://stackoverflow.com/questions/7911019/i-need-to-hide-a-div-until-vimeo-video-is-finished-how-do-i-do-that)是非常類似於你的問題。順便說一句,我只是試圖用jQuery hide()來隱藏它,並且它工作正常。我認爲你沒有解釋的是你需要幫助來處理'play event'。 – Adi

+0

當視頻開始播放時,我需要能夠.hide()h1。 –

回答

1

click處理程序不工作,因爲iframe是跨域。但是,您可以使用dedicated Vimeo API添加偵聽器時play事件被觸發:

var player = $f($('#player1').get(0)); 

player.addEvent('play', function() { 
    $("h1").hide(); 
}); 

+0

非常感謝! –

相關問題