Javascript 将画布元素的快照拖放到视频元素

视频播放器应返回到 当用户拖动快照时，用户拍摄最后快照的播放时间 在画布中快照图像并将其放到视频播放器上。如果视频 当拖放发生时，播放器正在播放视频，视频播放器 应从拍摄快照时的播放时间开始播放。 我的截图很好用，但是当我把截图放到视频元素上时，我不能把它带回到时间。我的代码如下

var can = document.getElementById("capture");
    // Get a handle on the 2d context of the canvas element
var canvas = document.getElementById("screenshot");
var context = canvas.getContext('2d');
    // Define some vars required later
var tm=document.getElementById("t");

// Add a listener to wait for the 'loadedmetadata' state so the video's dimensions can be read
    can.addEventListener("click", function() {

     capturedTime=video.currentTime.toFixed(1);
        tm.innerHTML="snapshot is taken at " +capturedTime+ "secs";
                     context.drawImage(video, 0, 0, 350, 150);
    },false);

    canvas.addEventListener("dragstart", function(ev){
    capturedTime=video.currentTime.toFixed(1);
    ev.dataTransfer.setData("time",capturedTime);
    },false);
   video.addEventListener("dragover",function(ev){
   ev.preventDefault();
    },false);
   video.addEventListener("ondrop",function(ev){
     ev.preventDefault();
                            video.currentTime=ev.dataTransfer.getData("time");

 },false);

---

您的代码并不反映您的故事，它试图将视频设置回您开始拖动图像时的位置，而不是快照拍摄时的位置。