从暂停时视频的Android drawImage到画布

Question

我有一个非常奇怪的问题，我无法判断它是Android问题还是其他问题。

基本上我有一个播放的视频，每次选择暂停，我想使用HTML5画布技术drawImage()拍摄视频的屏幕截图并将其添加到画布。这在第一次停顿时非常有效，但在我再次启动视频并且在任何后续暂停后，drawImage()从我第一次暂停到画布时绘制图像。该代码在Chrome / Firefox中运行良好，而不是在我的Android设备上。

我已经包含了以下代码，任何建议都会很棒。

document.addEventListener('DOMContentLoaded', function(){

    document.getElementById('v').addEventListener('pause',myHandler,false);
    function myHandler(e) {
        if(!e) { e = window.event; }


        //i even remove the canvas from the stage
        $( '#c' ).remove();

        //and re add a canvas to the dom
        $('#canvasdrawer').html('<canvas id="c"></canvas>');

        var canvas = document.getElementById('c');
        var context = canvas.getContext('2d');

        var cw = Math.floor(canvas.clientWidth / 100);
        var ch = Math.floor(canvas.clientHeight / 100);
        canvas.width = cw;
        canvas.height = ch;

        setTimeout(function(){ 
            alert("timeout running");
            //i have even tried to put it in a timeout to almost force refresh but that doesnt help
            context.drawImage(document.getElementById('v'),0,0,cw,ch); 
        }, 2000);

    }

},false);