it-swarm.com.de

HTML - Einen iframe ausblenden

Wie verstecke ich einen iframe, lade ihn aber noch? Usw. Zum Abspielen eines Youtube-Songs.

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

Dadurch wird der iframe ausgeblendet, jedoch scheint er den iframe nicht zu laden. (Der Song wird nicht abgespielt.)

Vielen Dank

12
user3854743

Verwendung kann Breite 0, Höhe 0 und Rand 0 verwenden

So wird der Code aktualisiert! 

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

Hinzugefügt:

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

Es wird es verstecken, Medien im Hintergrund abspielen lassen und den Platz zusammenbrechen lassen!

Aktualisiert Fiddle

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

10
YOU

Ich hatte immer noch Probleme mit dem Iframe, der Platz einnahm, bis ich die absolute Positionierung hinzugefügt habe. Dann hat es aufgehört, Platz zu beanspruchen.

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

6
Dan But

Stellen Sie die Sichtbarkeit auf ausgeblendet. Der Platz, den er beansprucht hat, wird jedoch nicht zusammenbrechen.

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

Durch das Kombinieren beider Antworten verwende ich height:0; und visibility:0, da dies auch dazu dient, Rahmen und Schatten von Schatten auszublenden.

1
JellyWX

Einfach setzen: style = "display: none;"

<iframe src="your url" style="display: none;"></iframe> 
1
user3595795