嵌入視頻全屏崩潰並重新載入頁面

Question

我正在使用iframe在我的網站上嵌入YouTube視頻。我包括allowfullscreen屬性。在我的網站上，嵌入的視頻將播放良好，直到我點擊「全屏」按鈕。切換到全屏時，視頻將以全屏模式短暫顯示，但會立即關閉並刷新頁面。這個問題在Firefox中不會發生。它在其他瀏覽器（如Edge和Chrome）中也會出現。當我在瀏覽器中檢查時，控制檯中沒有錯誤。我已經使用YouTube和Vimeo視頻進行了測試，並且發生了相同的問題。我試過用object標籤嵌入而不是iframe，但得到了相同的結果。任何想法可能導致這種情況？

Answer 1

我找到了這個問題的原因。在其中一個Wordpress主題文件中有一個函數正在重新加載窗口大小調整頁面，當將視頻放在全屏模式下時會觸發這個功能。我只是拿出這個代碼，因爲它不是我的網站所必需的。

var initialWidth = $(window).width(); 
$(window).resize(function() 
{ 
    var currentWidth = $(window).width(); 
    if(initialWidth !== currentWidth) 
    { 
     location.reload(); 
    } 
});