Hiển thị video bên trong HTML5 canvas

Bạn có thể thử đoạn mã sau để hiển thị video bên trong HTML5 canvas.

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);