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未显示

回答

相关问题