title: Intermittent Display of Vine Embed in Bootstrap Modal, Chrome/iPad
body: <p>I've made Vine's embed successfully in Bootstrap (3) Modal popups. </p>
  
  <p>However they intermittently display as blank (but with audio) on Chrome and iPad.. Particularly after a (F5) refresh/reload and screen resize (chrome), or clicking quickly through.</p>
  
  <p>The embed is a standard Vine embed with audio &amp; autoplay on. (though iPads ignore the autoplay).</p>
  
  <p>When I get a blank Vine embed screen, F12 developer tools shows that within the Vine iframe body, there is:</p>
  
  <pre><code>&lt;div class="embed embed-simple not-mobile" style="height: 0px; width: 0px;"&gt;
  </code></pre>
  
  <p>If I adjust the dimensions in F12 (e.g. height: 0px; width: 0px;), it appears. I've tried adding a min-height &amp; width to the parent div, this does not affect it.</p>
  
  <p>Any ideas what to do next?!</p>
  
  <p>See here: testkitten.com/cute-pets-quiz/ - or should I just not use Modals?</p>