title: Vimeo video white screen issue on page load in IE 11
body: <p>I am using below iframe to load the vimeo video.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;iframe src="https://player.vimeo.com/video/12345?title=0&amp;byline=0&amp;portrait=0" width="100%" height="349" frameborder="0" scrolling="no" class="example-video"
      name="example-video" allowtransparency="true" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen&gt;
    &lt;/iframe&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>White screen is shown on Internet explorer on page load, but the play/pause buttons are shown.
  Video thumbnail is not shown on IE11 for the below versions: </p>
  
  <blockquote>
    <p>11.0.9600.18954,
    11.1155.15063.0,
    11.2189.14393.0 and higher versions.</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/2ONRY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2ONRY.png" alt="enter image description here"></a></p>
  
  <p>I found the issue is with the background image which is not being rendered only in IE versions (11.0.9600.18954 and 11.0.9600.19036 ) and the class 'vp-preview-cover' is not being added to the element with data attribute 'data-thumb'.
  I am facing an security issue when i'm trying to open the background image in a new tab. Attached the screenshot of the same.
  <a href="https://i.stack.imgur.com/b2uwu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b2uwu.png" alt="enter image description here"></a></p>