title: Html5 video player have to press pause twice when on autoplay
body: <p>I am using the code in this codepen <a href="http://codepen.io/frytyler/pen/juGfk" rel="nofollow">http://codepen.io/frytyler/pen/juGfk</a> to make custom controls for my video player which works great except when I have the video set to "autoplay" like in the code below. It plays the video but I then have to press pause twice to pause it, how would I modify the code to solve this?</p>
  
  <pre><code>&lt;video id="myVideo" autoplay controls preload="auto" poster="http://s.cdpn.io/6035/vp_poster.jpg" width="380" &gt;
  </code></pre>