顯示圖像從身體上的Popcorn.js捕獲

Question

js加載視頻，這很好。

我使用Popcorn Capture來捕獲當前幀，將其複製到附着在身體上的圖像中。這似乎工作。畫面的圖像顯示並暫停。

我想要發生的事情是保持這個圖像在頂層，做一些底層的東西，然後在準備好一個漂亮的過渡時淡出這張圖片。

我得到的是

• 圖像顯示
• 層下方呈現
• 上面的視頻新渲染層再次啓動，除非我刪除與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(); 

如何確保圖像停留在屏幕上的任何線索，然後就可以消失了？

Answer 1

只用淡出淡出視頻元素。這效果更好。