title: html video control initial play button display blur on ios9.3.2
body: <h1>My iPhone with ios version of 9.3.2 has a display bug,when I open a html page which has video tag, it has a blur initial play button like you can see in the picture. Has any idea to resolve it?</h1>
  
  <p><a href="https://i.stack.imgur.com/RmLMI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RmLMI.png" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.video_play_container {
      position: relative;
  }
  .video_play {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="video_play_container"&gt;
    &lt;span class="video_play" id="video_play"&gt;&lt;/span&gt;
    &lt;video width="100%" controls="controls" poster="http://7xoaon.com2.z0.glb.qiniucdn.com/s/p/product_v2/6ca/a9b/b7x/hsvb4000og0ck4ko4gkwwco8kg.jpg?imageMogr2/auto-orient/thumbnail/700x|watermark/3/image/aHR0cDovLzd4b2Fvbi5jb20yLnowLmdsYi5xaW5pdWNkbi5jb20vc2VlbG9nby5wbmc=/dissolve/100/gravity/SouthWest/dx/10/dy/10/text/5q-P5pel5LiAU2Vl/font/5b6u6L2v6ZuF6buR/fontsize/400/fill/I0VGRUZFRg==/dissolve/100/gravity/SouthWest/dx/50/dy/17"&gt;
      &lt;source src="http://video.seecsee.com/2016/05/31/18/04e5a8230cf1f2605a66799033127c83.mp4"&gt;
    &lt;/video&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>