web-dev-qa-db-fra.com

HTML - Cacher un iframe

Comment masquer un iframe tout en le chargeant? Etc. Pour jouer une chanson sur youtube.

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

Cela cachera l'iframe, mais il ne semble pas charger l'iframe. (La chanson ne joue pas.)

Merci

12
user3854743

Utilisation peut utiliser largeur 0, hauteur 0 et bordure 0

Donc, le code mis à jour sera! 

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

Ajoutée:

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

Il va le cacher, créer des médias pour jouer en arrière-plan et aussi réduire l'espace!

Mise à jour Fiddle

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

10
YOU

J'avais toujours du mal à prendre de la place dans l'iframe jusqu'à ce que j'ajoute un positionnement absolu. Ensuite, il a cessé de prendre de la place tous ensemble.

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

6
Dan But

Définissez la visibilité sur masqué. Cependant, l'espace qu'il a pris ne va pas s'effondrer.

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

En combinant les deux réponses, j'utilise height:0; et visibility:0, car cela permet également de masquer les bordures ou les ombres de boîtes.

1
JellyWX