title: Video Autoplays after the Display CSS attribute is set to none
body: <p>I have an iframe with the src being a website that has a video on autoplay. The iframe has <code>display:none;</code> css attribute. I have tried setting <code>autoplay="false"</code> on my iframe but the video still autoplay. here is my code</p>
  
  <pre><code>&lt;iframe id="content_cb2" autoplay="false" src="http://www.tablettraining.net/"&gt;&lt;/iframe&gt;&lt;/a&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#content_cb2{
  
     width: 100%; 
      height: 500px;
  display: none;
  
  }
  </code></pre>
  
  <p>And here is the fiddle. You'll notice the video will autoplay
  <a href="http://jsfiddle.net/uprosoft/csRWe/" rel="nofollow">http://jsfiddle.net/uprosoft/csRWe/</a></p>
  
  <p>Any help to stop the video from auto-playing is highly appreciated.</p>