HTML - Скрыть iframe

Как скрыть iframe, но загрузите его? И т.д. Для воспроизведения песни youtube.

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

Это скроет iframe, однако, похоже, он не загружает iframe. (Песня не воспроизводится.)

Спасибо

Ответ 1

Использование может использовать ширину 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/

Ответ 2

У меня все еще были проблемы с тем, что iframe занимал место, пока я не добавил абсолютное позиционирование. Затем он прекратил занимать пространство вместе.

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

Ответ 3

Установите видимость для скрытия. Однако пространство, которое оно заняло, не рухнет.

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

Ответ 4

Объединив оба ответа, я использую height:0; и visibility:0, так как это работает, чтобы скрыть любые границы или тени теней.

Ответ 5

Просто установите style из "display: none;".

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

Ответ 6

Существующие ответы с использованием CSS не работают для меня. Даже с display:none я получил точку 4x4, где был iframe. Я должен был сделать следующее:

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