2011-05-10 43 views
0

我正在使用最新的fancybox 1.3.1和jquery 1.6。我試圖從Fancybox中嵌入視頻。我知道Fancybox內置了對YouTube的支持,但視頻和Fancybox鏈接是由客戶端提供的,所以我不能使用其他服務。 Fancybox似乎沒有內置的blip.tv支持。使用fancybox顯示嵌入的blip.tv視頻時出現IE8問題

到目前爲止,我的代碼看起來是這樣的:

<div style="float: right; margin: 0px; padding: 0px;"> 
    <a id='video' href='#data'><img src='images/gift_btn.JPG' border='0' 
     alt='Learn How to Make An Online Gift'/></a> 
    <div style='display:none'> 
     <div id='data'> 
      <embed src="https://blip.tv/play/hYwWgrniXAA" 
       type="application/x-shockwave-flash" width="640" height="392" 
       allowscriptaccess="always" allowfullscreen="true"></embed> 
     </div> 
    </div> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a#video").fancybox(); 
    }); 
</script> 

這對火狐的偉大工程,但IE8只顯示一個灰色的框。


一些額外的信息,我不認爲事情,但如果它的作用:

  • 在生產中,頁面總是通過https://(他們想要的嵌入視頻在登錄頁面),因此我在上面的blip.tv鏈接上使用了https://。

  • 我有另一個問題與Fancybox不顯示圖像在IE8中,我跟着these directions來解決它。

如果我錯過了任何重要信息,請讓我知道,我會更新問題!

回答