Fancybox與IE7顯示空白頁面

我試圖用Fancybox加載YouTube視頻。它與所有的瀏覽器一起工作，但它似乎與IE7有問題，它只顯示一個空白的白頁。我不知道我在這裏做了什麼錯誤，我在網上測試了這個例子，它使用IE7 http://fancybox.net/blog。我也從他們那裏拿走了我的代碼。Fancybox與IE7顯示空白頁面

因此，這裏是我的主頁上的標記（其中視頻所在地）：

<a href="http://www.youtube.com/watch?v=sqC3tk_-e7g" title="The Problem" id="homevideo1"> 
    <span class="playButton"></span> 
    <img width="170" src="/images/all/video-image1.jpg" alt="" /> 
    <div class="videoTitle">The Problem</div> 
</a>

和，這是我的視頻腳本：

SetupVideos = function(){ 
    $("#homevideo1").click(function() { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'  : 740, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : { 
       'wmode'  : 'transparent', 
       'allowfullscreen' : 'true' 
      } 
     }); 
     return false; 
    }); 
}

它可能是與CSS，我不太確定...但我沒有觸及插件附帶的.css

有什麼想法？

謝謝。

來源

2010-07-16 Synotte

你需要把你的jQuery click事件在文件準備好，這樣

$(document).ready(function(){ 
    $("#homevideo1").click(function() { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'   : 740, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : {'wmode':'transparent','allowfullscreen':'true'} 
     }); 
     return false; 
    }); 
});

試試看住here (jsfiddle)

來源

2010-07-16 18:15:34 Philippe

感謝您的答案，我已經嘗試過，以防萬一，但不幸的是不是我的問題的來源。實際上，Fancybox插件和Youtube視頻適用於IE7以外的其他瀏覽器。 – Synotte 2010-07-16 18:26:39

然後問題來自您未發佈的代碼的另一部分。可能在使用SetupVideos（）時，因爲我使用IE7測試了您的代碼。這是我回答時唯一可以使用的IE瀏覽器。它也適用於jsfiddle。 – Philippe 2010-07-19 04:00:04

Synotte，

我也曾經有過與IE7（而不是YouTube的問題，但視頻嵌入）。

從地圖中刪除填充對我很有用，出於某種原因，它將視頻的寬度減小到零。

可能不是你的問題，但值得一試。

亞當

來源

2010-07-20 14:21:14

Fancybox與IE7顯示空白頁面

回答

相關問題