你可以让 YouTube 视频在视频完成后全屏退出吗

Question

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

Answer 1

最简洁的答案是不。目前，没有办法以编程方式 100% 安全地退出 Youtube 播放器，但有一个 100% 安全的解决方法。

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

第 1 步：将您的 Youtube 代码放入不可见的 DIV 中，假设它称为“codeholder”。

步骤 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 允许您“读取”播放位置，并且您可以通过一些简单的编码轻松恢复播放位置。不过，会有不到一秒钟的停顿。