HTML5 ক্যানভাসের ভিতরে ভিডিও প্রদর্শন করুন

আপনি HTML5 ক্যানভাসের ভিতরে ভিডিও প্রদর্শন করতে নিম্নলিখিত কোড স্নিপেট চেষ্টা করতে পারেন।

var canvas1 = document.getElementById('canvas');
var context = canvas1.getContext('2d');
var video = document.getElementById('video');
video.addEventListener('play', function () {
   var $this = this;
   (function loop() {
      if (!$this.paused && !$this.ended) {
         context.drawImage($this, 0, 0);
         setTimeout(loop, 1000 / 30);
      }
   })();
}, 0);