Как скрыть youtube iframe с помощью CSS

Мой сайт оптимизирован для рабочего стола и мобильного телефона. В большинстве моих сообщений есть видео с YouTube. Мне нравится скрывать видео Youtube на моем мобильном сайте, так как оно убивает дизайн.Как скрыть youtube iframe с помощью CSS

Вот пример Youtube Код для вставки ...

<iframe width="420" height="315" src="http://www.youtube.com/embed/0IiB2rNSFfM" frameborder="0" allowfullscreen></iframe>

Я попытался с помощью следующей CSS в мобильной версии сайта ...

iframe{ 
    display:none; 
}

Этот код скрывает YouTube видео, а также в объявлениях мобильный сайт ...

Пожалуйста, помогите мне, как скрыть только видео с YouTube, используя CSS ???

источник

2012-02-20 Anonymous

Вы можете использовать медиа-запросы:

@media screen and (min-width: 320px) { iframe { display:none; }}

Вы должны установить min-width значению ширины устройства/мобильные вы хотите скрыть IFRAME в

Обратите внимание, что вы можете иметь несколько запросов средств массовой информации для различных. размеры экрана.

Дополнительная информация:

http://www.css3.info/preview/media-queries/

источник

2012-02-20 06:56:24 Sarfraz

спасибо за reaply ... я надеюсь, что этот код будет скрывать все плавающие фреймы на моем сайте ... но я хочу, чтобы скрыть только YouTube IFrame ... я не хочу скрывать другие фреймы на моем сайте (объявления) ... –

@ user723805: вы можете применить класс к iftube для youtube как 'class =" youtube ", а затем фрейм css, вы можете сделать: 'iframe.youtube {display: none; } ' – Sarfraz

Я уже думал об этом, но проблема в том, что у меня есть более 100 сообщений с видео из 850 сообщений ... есть ли другие способы устранить проблему? –

Как скрыть youtube iframe с помощью CSS

ответ

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