你可以在视频完整的情况下全屏显示youtube视频

Question

对于youtube视频，您可以使用一个按钮退出Flash和HTML5版本的全屏。有没有办法以编程方式使用Javascript完全退出全屏视频？所以基本上一旦视频结束，我希望它退出全屏模式。

Answer 1

简短的回答是否定的。目前，没有办法以编程方式退出Youtube播放器100％安全，但有一种解决方法是100％安全。

基本上你需要做的是遵循一系列简单的步骤，它可以在所有浏览器中正常工作：

第1步：将您的Youtube代码放在不可见的DIV中，假设它被称为“代码持有者”。

步骤2：将可见的DIV作为隐形DIV的持有者。这就是代码的用武之地，比方说它叫做“ytPlayer”。

步骤3：加载页面时，将不可见的DIV复制到可见的DIV中。这可以例如如下：

document.getElementById('ytPlayer').innerHTML = document.getElementById('codeholder').innerHTML;

第4步：我假设您正在使用Youtube API，因此，当YouTube.PlayerState.ENDED事件被触发时（或任何时候），将不可见的DIV复制到可见的DIV中。这将强制浏览器关闭播放器以关闭全屏，它将显示原始播放器。

我喜欢在YouTube.PlayerState.ENDED事件中执行此操作，因为这是一种关闭播放器的破坏性方式，因此，视频将在“退出”全屏后继续播放。

但是，Youtube API允许您“读取”播放位置，并且您可以使用一些轻量编码轻松恢复播放位置。不过会暂停几分之一秒。

Answer 2

您需要以下内容： document.exitFullscreen()

您可以在此处详细了解Fullscreen API