title: How to hide youtube iframe using CSS
body: <p>My site is optimized for desktop and mobile. Most of my post has youtube videos. I like to hide Youtube videos in my mobile site since it kills the design. </p>
  
  <p>Here is the sample Youtube Embed code...</p>
  
  <pre><code>&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/0IiB2rNSFfM" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I tried using the following CSS in mobile site...</p>
  
  <pre><code>iframe{
      display:none;
  }
  </code></pre>
  
  <p>This code hides youtube videos as well as ads in mobile site... </p>
  
  <p>Please help me to how to hide only youtube videos using CSS???</p>