JavaScript 动态 iFrame 未显示答案

【问题标题】：JavaScript dynamic iFrame not showing upJavaScript 动态 iFrame 未显示
【发布时间】：2011-05-20 18:40:53
【问题描述】：

我正在使用 JS 构建一些 HTML，其中包含来自 YouTube 的新 iframe 语法。

当有人点击页面上指向 YouTube 视频的链接时，JS 会检查文档大小，如果它足够大，则会在页面上打开一个灯箱样式的框并在那里播放视频。

当我对其进行测试时，它会打开 HTML，但空格是白色的，源代码显示一个空的 <iframe> 元素。

尝试将 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>

【问题讨论】：

你能发布你的 vidurl，我觉得有问题。

标签： javascript iframe youtube

【解决方案1】：

从以下位置更改 vidsrc：

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

到

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

【讨论】：

天哪，就是这样。谢谢！