jQuery addClass example

Change class name on click in jQuery

HTML

<video class="vid" autobuffer controls autoplay>
  <source id="mp4" src="https://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
</video>


<canvas class="canvMotion" id="canvasMotion" width="100%" height="100%" style="border:solid 1px #ccc;"></canvas>

CSS

video {
    width: 400px; 
    display: block;
}

JavaScript

setInterval(function(){ 


var video = document.querySelector('.vid');
// setup canvas
var canvas = document.querySelector('.canvMotion');
var ctx = canvas.getContext('2d');

// sample the colour of every 50 pixels
var sample_size = 50;

  // draw video onto screen
  ctx.drawImage(video, 0, 0, 200, 200);

  


}, 3000);