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>