title: Get an image from the video
body: <p>I want to grab an image from a video based on the current time of the video upon button click. I'm currently using the video tag to play the video but have not seen any resource for grabbing an image from that.</p>
  
  <pre><code>&lt;video
      id="video-player"
      class="video-player"
      width="640"
      controls="controls"
      muted=true&gt;
      &lt;source type="video/mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" id="mp4"&gt;&lt;/source&gt;
      &lt;source type="video/webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" id="webm"&gt;&lt;/source&gt;
      &lt;source type="video/ogg" src="http://media.w3.org/2010/05/sintel/trailer.ogv" id="ogv"&gt;&lt;/source&gt;
      &lt;p&gt;Your user agent does not support the HTML5 Video element.&lt;/p&gt;
  &lt;/video&gt;
  </code></pre>