2012-09-21 96 views
0

我有一個圖像正在顯示,並在圖像下方有一個vimeo播放器。默認情況下,vimeo播放器是隱藏的(不顯示:無;也不可見:隱藏)。當用戶點擊圖像時,Vimeo播放器將替換圖像,並且現在可以看到。現在我的問題是,如何讓視頻播放器在顯示後自動播放。jQuery Vimeo自動播放

我的jQuery至今:

$(document).ready(function() { 

    $(".image-caption p a").click(function() { 

    $('.image-block').css('display','none'); 
    $('.sqs-video-wrapper').css('position', 'relative'); 
    $('.sqs-video-wrapper').css('top', '0'); 

    }); 

}); 

運行完美!只需要vimeo播放器自動播放。它當然默認包裝在一個iFrame中。

這裏是我想什麼快速演示:

http://thisisdk.com/work/scrapbook

謝謝!

回答

1

如果您在嵌入代碼中將自動播放參數設置爲true(或1),則顯示視頻時應自動播放。

檢查this fiddle

+0

這是事實,但它會自動播放不管用戶點擊「點擊我」 – Nick

+0

嗯必須是針對特定瀏覽器即可。在FF Mac中,視頻無法播放。 –

+0

與Safari和Chrome相同,視頻只有在可見時纔會播放。 另一種解決方案是在點擊上注入HTML。 –