输入类型隐藏的 iframe 会被加载吗？答案

【问题标题】：Will iframe in input type hidden being load?输入类型隐藏的 iframe 会被加载吗？
【发布时间】：2014-01-04 22:25:48
【问题描述】：

因为顶部的标题会在页面加载时加载输入类型隐藏的 iframe？

例如：

<input type="hidden" value="<iframe width="810" height="415" src="//www.youtube.com/embed/5th14OTyeqU" frameborder="0" allowfullscreen></iframe>" />

【问题讨论】：

为什么不试试看会发生什么？
我只是想知道隐藏值中的那段 iframe 代码是否会加载。
您这样做是为了达到什么目的？我可以告诉你直接问题的答案，但我更愿意为你提供更多帮助，而不仅仅是在回答中说“是”或“否”。
我有一个网页，其中有一些 youtube 视频正在滑块内加载。因此，它增加了页面加载时间。我正在努力减少加载时间。基于这种情况的任何建议？

标签： html iframe youtube

【解决方案1】：

您可以使用 css style='display:none' 和 iframe 的 id，如下所示：

<iframe id="youtube" width="810" height="415" src="//www.youtube.com/embed/5th14OTyeqU" style="display:none;" frameborder="0" allowfullscreen></iframe>
<input type="text"  id="name"/>

之后就可以使用javascript代码了：

        $("#name").focus(function(){
        $("#youtube").show();
      });

因此，当您单击输入文本字段时，iframe 应该会显示出来（这样您就可以测试它是否有效）。

更新：我认为您还需要一个 API 来在那里加载该视频，没有它就无法工作。您可以使用此链接获取更多详细信息：YouTube Player API Reference for iframe Embeds

【讨论】：

不显示不符合我的需求。据我所知，它仍会被加载：/
我不确定我是否完全了解您的需求。您希望它显示在您的页面上还是只加载而不显示？

【解决方案2】：

不，它不会加载。

您不能将 html 元素放在像这样的输入标记的 value 属性中。一般来说（我不会一直说，因为html有时非常非常奇怪），html属性不能包含更多的html。

如果您希望阻止 youtube 元素实际加载到屏幕上，正如您在评论中提到的那样，最好的选择是在this question 的答案中找到。

【讨论】：