CSS를 사용하여 iframe을 숨기는 방법

내 사이트는 데스크탑 및 모바일 용으로 최적화되어 있습니다. 내 게시물의 대부분은 YouTube 동영상이 있습니다. 나는 모바일 사이트에서 유튜브 비디오를 숨기고 싶다. 디자인을 죽이기 때문이다. 여기 CSS를 사용하여 iframe을 숨기는 방법

은 ... 샘플 유튜브 소스 코드입니다

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

내가 모바일 사이트에 다음 CSS를 사용하여 시도

...

iframe{ 
    display:none; 
}

이 코드에 광고뿐만 아니라 유튜브 비디오를 숨 깁니다 모바일 사이트 ...

CSS를 사용하여 YouTube 동영상 만 숨기는 방법을 알려주세요 ???

출처

2012-02-20 Anonymous

당신은 미디어 쿼리 사용할 수 있습니다 : 당신은 장치의 폭의 값으로 min-width을 설정해야합니다

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

을/당신이 iframe을 숨기려 모빌

참고 서로 다른 여러 미디어 쿼리를 가질 수. 화면 크기.

더 많은 정보 : reaply에 대한

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

출처

2012-02-20 06:56:24 Sarfraz

덕분에 ... 난이 코드는 내 사이트의 모든 iframe을 숨길 바랍니다 ...하지만 난 유튜브 iframe이 단지 숨기려 ... 내 사이트 (광고)의 다른 iframe을 숨기고 싶지 않습니다 ... –

@ user723805 : youtube iframe에 클래스를 적용 할 수 있습니다. class = "youtube"'그리고 나서 css 프레임을 사용하면 다음을 수행 할 수 있습니다. 'iframe.youtube {display : none; }' – Sarfraz

나는 이것에 대해 이미 생각했지만, 문제는 내가 850 개의 게시물 중에서 100 개 이상의 게시물을 가지고있다. 문제를 해결할 다른 방법이 있는가 ?? –

CSS를 사용하여 iframe을 숨기는 방법

답변

관련 문제