2014-08-21 6 views
8

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

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

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

Благодарности

+0

использование ширина 0 в стиле! – YOU

+0

Да, потому что видео не автовоспроизведение. Это плохая практика, и вы полностью делаете это неправильно, используя видео с YouTube, чтобы играть песни, знаете ли вы, что Youtube будет играть роль коммерческого? как ваши посетители собираются отключить это? Но я редактировал один из ответов здесь, чтобы хотя бы ответить вам в контексте. – JGallardo

ответ

0

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

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

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

Он будет скрывать, делать СМИ, чтобы играть в фоновом режиме, и он также будет разрушаться это пространство!

Обновлено Fiddle

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

+0

Не могли бы вы объяснить это подробнее – JGallardo

+0

Маленькая точка - проблема. – user3854743

+1

См. Обновленный код и Jsfiddle! – YOU

0

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

0

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

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

Смежные вопросы