HTML - Masquer une iframe

Comment puis-je cacher une iframe, mais encore le charger? Etc. Pour jouer un youtube chanson.

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

Cela permet de masquer l'iframe, cependant il ne marche pas semble à la charge de l'iframe. (La chanson est de ne pas jouer.)

Grâce

l'utilisation de la largeur de 0 dans le style!
Ouais parce que les vidéos ne sont pas de lecture automatique. C'est une mauvaise pratique et vous êtes totalement faire ce tort à l'aide d'une vidéo sur youtube pour écouter de la musique, savez-vous que Youtube a tendance à jouer les commerciaux? comment sont vos visiteurs va tourner? Mais j'ai édité l'une des réponses ici au moins vous répondre dans le contexte.

OriginalL'auteur user3854743 | 2014-08-21

  1. 10

    Utilisation peut utiliser la largeur 0 , hauteur 0 et frontière 0

    Donc mis à jour le code sera! 

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

    Ajouté:

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

    Il va se cacher, faire des médias à jouer en arrière-plan et il permettra également de réduire l'espace!

    Mis À Jour Le Violon

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

    Pouvez-vous nous expliquer cette plus
    Le petit point est le problème.
    Voir mise à jour du code et Jsfiddle!
    Je peux voir ce iframe prenant de la place si je modifier le violon pour ajouter un élément au-dessus et au-dessous.
    mettre supplémentaires code CSS de display:none !important là

    OriginalL'auteur YOU

  2. 7

    J'étais encore avoir des ennuis avec l'iframe prenant de la place jusqu'à ce que j'ai ajouté un positionnement absolu. Ensuite, il a cessé de prendre de l'espace, tous ensemble.

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

    OriginalL'auteur Dan But

  3. 2

    Définir la visibilité de caché. Cependant l'espace qu'il a pris de ne pas s'effondrer.

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

    OriginalL'auteur Fueled By Coffee

  4. 1

    En combinant les deux réponses, j'utilise height:0; et visibility:0, comme cela fonctionne pour masquer les bordures de la boîte ou des ombres.

    OriginalL'auteur JellyWX