我在我的網站上實現了這個燈箱:https://codepen.io/darcyvoutt/pen/MaamWg/

// Function to reveal lightbox and adding YouTube autoplay
function revealVideo(div,video_id) {
var video = document.getElementById(video_id).src;
document.getElementById(video_id).src = video+'&autoplay=1'; // 
adding autoplay to the URL
document.getElementById(div).style.display = 'block';
}

// Hiding the lightbox and removing YouTube autoplay
function hideVideo(div,video_id) {
var video = document.getElementById(video_id).src;
var cleaned = video.replace('&autoplay=1',''); // removing 
autoplay form url
document.getElementById(video_id).src = cleaned;
document.getElementById(div).style.display = 'none';
}

然而，事后我注意到了它的一個問題:

如果您打開燈箱，播放視頻，關閉燈箱，然后再次打開它，燈箱的調光部分將載入所有不穩定的部分。

注意:這個問題只出現在桌面上，而不是移動設備上。

我試著弄亂代碼，但無論如何也解決不了這個問題。有什么辦法可以解決這個問題嗎？

謝謝大家！