问题 HTML - 隐藏iframe

如何隐藏iframe，但仍然加载它？等等。播放youtube歌曲。

<iframe src="https://www.youtube.com/embed/X18mUlDddCc?autoplay=1" style="display: none;"></iframe>

这将隐藏iframe，但它似乎不会加载iframe。（宋没有上演。）

谢谢

11518

2017-08-21 20:10

起源

在样式中使用宽度0！ - YOU

是的，因为视频不能自动播放。这是一个不好的做法，你使用youtube视频播放歌曲完全是错误的，你知道Youtube会倾向于商业化吗？你的访客如何将其关闭？但我在这里编辑了一个答案，至少在上下文中回答你。 - JGallardo

使用可以使用宽度0，高度0和边框0

所以更新的代码将是！

<iframe src="https://www.youtube.com/embed/X18mUlDddCc?autoplay=1" style="width:0;height:0;border:0; border:none;"></iframe>

添加：

style="width:0; height:0; border:0; border:none"

它将隐藏它，使媒体在后台播放，它也会崩溃它的空间！

更新小提琴

http://jsfiddle.net/0g51po9t/1/

2017-08-21 20:15

你能解释一下吗？ - JGallardo

小点是问题所在。 - user3854743

查看更新的代码和Jsfiddle！ - YOU

如果我编辑小提琴以在其上方和下方添加元素，我可以看到这个iframe占用空间。 - Dan But

把附加的CSS代码 display:none !important 在那里 - TadLewis

在我添加绝对定位之前，我仍然遇到iframe占用空间的问题。然后它一起停止占用空间。

<iframe src="/auth/sso/" style="width: 0; height: 0; border: 0; border: none; position: absolute;"></iframe>

2018-02-28 00:39

将可见性设置为隐藏。然而，它占用的空间不会崩溃。

<iframe src="https://www.youtube.com/embed/X18mUlDddCc?autoplay=1" style="visibility: hidden;"></iframe>

2017-08-21 20:12

通过结合两个答案，我使用 height:0; 和 visibility:0，因为这也可以隐藏任何边框或框阴影。

2017-10-16 09:02