當初始隱藏iframe時，Vimeo Javascript API不工作

Question

所以我的問題是，我需要顯示一個封面圖像，實際的視頻將被隱藏。一旦有人點擊圖像，視頻將變得可見，應該開始自動播放。我的代碼在這裏http://jsfiddle.net/Vq8Wr/。這在Chrome中運行正常，但不在任何其他瀏覽器中運行。任何解決方案，將不勝感激

的代碼如下

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<style> 
.hide{ 
    display:none 
} 

img{ 
    width:500px; 
} 
</style> 

<iframe class="hide" src="http://player.vimeo.com/video/59372982?api=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 
<img src="http://allthingsd.com/files/2011/05/clouds-1259.jpg" id="video-cover" > 

<script> 
    $("#video-cover").click(function(){ 
    $(this).hide(); 
    var f = $('iframe'), 
    url = f.attr('src').split('?')[0]; 
    f.show(); 
    var data = { method: "play" }; 
    f[0].contentWindow.postMessage(JSON.stringify(data), url); 
}) 
</script> 

Answer 1

試試這個：

.hide{ 
    position : absolute; 
    left  : -99999px; 
}