嵌入式视频在全屏和重新加载页面上崩溃

Question

我正在使用iframe在我的网站上嵌入YouTube视频。我包括allowfullscreen属性。在我的网站上，嵌入的视频将正常播放，直到我点击＆＃34;全屏＆＃34;按钮。当它切换到全屏时，视频将以全屏模式短暂显示，然后立即关闭并刷新页面。 Firefox中不会发生此问题。它确实发生在其他浏览器中，例如Edge和Chrome。在浏览器中检查时，控制台中没有错误。我已经使用YouTube和Vimeo视频进行了测试，同样的问题就出现了。我尝试使用对象标签而不是iframe嵌入，但得到了相同的结果。可能导致这种情况的任何想法？

Answer 1

我找到了这个问题的原因。其中一个Wordpress主题文件中有一个函数正在重新加载窗口调整大小的页面，这是在将视频置于全屏模式时触发的。我只是拿出了这段代码，因为我的网站没有必要。

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