Question

作为顶部的标题，当加载页面时，隐藏的输入类型中的iframe会加载吗？

例如：

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

Answer 1

不，它不会加载。

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

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

Answer 2

您可以使用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

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

2 个答案: