gpt4 book ai didi

javascript - JavaScript动态iFrame不显示

转载 作者:行者123 更新时间:2023-12-03 06:04:22 26 4
gpt4 key购买 nike

我正在使用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>

最佳答案

将vidsrc从:

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


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

关于javascript - JavaScript动态iFrame不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6076289/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com