title: Video canplay event triggers thousands of times per second
body: <p>I have the following jQuery code in my page onload function:</p>
  
  <pre><code>$("#vid-pages").find("video").on('canplay', function() {
    $(this)[0].currentTime = $(this)[0].duration / 2;
    console.log($(this)[0].currentTime);
  });
  </code></pre>
  
  <p>There are only two videos in that container, and none anywhere else on the page. When I check the console, it's continuously flooded with the time returned in that code block. What is the solution to make this trigger only once, instead of constantly?</p>