JavaScript動態iFrame未顯示

我正在使用JS構建一些包含來自YouTube的新iframe語法的HTML。JavaScript動態iFrame未顯示

當有人點擊頁面上的鏈接到YouTube視頻時，JS會檢查文檔大小，如果大小足夠大，將打開頁面上的lightbox樣式框並在該處播放視頻。

當我測試它時，它會打開HTML，但空間只是白色，源代碼顯示一個空的元素。

試圖動態地將iframe添加到頁面時出現問題嗎？

這裏是JS的相關部分：

iframe = '<iframe width="'+defaults.width+'" height="'+defaults.height+'" src="'+vidsrc+'" frameborder="0" allowfullscreen></iframe>'; 
container = '<div class="videopow-overlay"><div class="videopow-container">' + iframe + '</div></div>'; 

$("body").prepend(container);

這裏是獲取輸出：

<div class="videopow-overlay"> 
    <div class="videopow-container"> 
    <iframe width="800" height="485" src="http://www.youtube.com/watch?v=phzvyIQWCo8?hd=1" frameborder="0" allowfullscreen=""> 
     <html><head></head><body></body></html> 
    </iframe> 
    </div> 
</div>

來源

2011-05-20 rhodesjason

你可以發佈你的vidurl，我認爲有問題。 – 2011-05-20 18:48:13

變化vidsrc來自：

http://www.youtube.com/watch?v=phzvyIQWCo8?hd=1

到

http://www.youtube.com/embed/phzvyIQWCo8?hd=1

來源

2011-05-20 18:46:25

哦，上帝，完全是它。謝謝！ – rhodesjason 2011-05-20 18:57:02

JavaScript動態iFrame未顯示

回答

相關問題