Javascript 在身体上显示从Popcorn.js捕获的图像

js加载视频，这很好

我用它来捕获当前帧，将其复制到附在身体上的图像中。这似乎是可行的。此时会显示框架的图像，并暂停

我想做的是保持这张图片在顶部，在下面做一些事情，然后在准备好一个好的过渡时淡出这张图片

我得到的是

• 图像显示
• 渲染下面的层
• 视频在新渲染层上方再次开始，除非我使用jQuery删除视频，这也会删除图像

如果不删除图像，我甚至无法销毁/删除视频

这是密码

    image = document.createElement("image");
    image.id = "capture";
    image.setAttribute("class", "video-js");


    img = currentVideo.pause().currentTime( 0 ).capture({
            target: "img#capture",
            media: true
    });


    image.src = img;
    document.body.appendChild(image);


    $("#capture").fadeTo("slow" , 0);
    currentVideo.src = '';
    currentVideo.load();
    currentVideo.destroy();

    videoPlaying = false;
    createScene();

    $('#video').remove();
    $('#prevButton').show();
    $('#openGuide').show();
    $('#openSceneInfo').show();

---

关于如何确保图像保持在屏幕上，然后可以消失的任何线索

刚刚用fadeTo淡出视频元素。这更有效