title: Hide a video div in mobile
body: <p>I have an html page that has a video within <code>div</code>:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="news"&gt;
      &lt;h3 class="highlight"&gt;Kate's 1 Month Transformation&lt;/h3&gt;
      &lt;div class="clr"&gt;&lt;/div&gt;
      &lt;center&gt;
          &lt;video controls="" autoplay="" poster="assets/4/vid.png.html"&gt;
              &lt;source src="https://globalskincr.files.wordpress.com/2015/05/wrinkle_vid.mp4" type="video/mp4"&gt;
          &lt;/video&gt;
      &lt;/center&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't disable the video and hide the div in mobile, </p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code> .news {
       display:none;
   }
  </code></pre>
  
  <p>This code hides the video but the sound continues.</p>