Question

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

当有人点击页面上的链接到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>

Answer 1

从以下地址更改vidsrc：

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

到

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

JavaScript动态iFrame没有显示出来

1 个答案: