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>
答
变化vidsrc来自:
http://www.youtube.com/watch?v=phzvyIQWCo8?hd=1
到
http://www.youtube.com/embed/phzvyIQWCo8?hd=1
+0
哦,上帝,完全是它。谢谢! – rhodesjason 2011-05-20 18:57:02
你可以发布你的vidurl,我认为有问题。 – 2011-05-20 18:48:13