Untitled

HTML5 - Issue playing video in a canvas on Chrome in Linux
$("#myVideo").empty();
var video = document.createElement("video");
video.src = imageArrayObj[0];
video.autoplay = true;
video.loop = false;
$("#myVideo").append(video);
context.clearRect ( 0 , 0 , 800, 600);
video.addEventListener('play', function () {
 var $this = this; //cache
  (function loop() {
    if (!$this.paused && !$this.ended) {
      context.drawImage($this, 0, 0, 800, 600);
      setTimeout(loop, 1000 / 30); // drawing at 30fps
    }else if($this.ended){
      alert("Done");
}
   })();//end loop
}, 0);//end play