sidequestion - 在退出按钮上暂停视频（退出全屏）答案

【问题标题】：sidequestion - pauze video on escape button (escaping fullscreen)sidequestion - 在退出按钮上暂停视频（退出全屏）
【发布时间】：2019-05-20 09:38:01
【问题描述】：

附加问题：Make youtube video fullscreen using iframe and javascript API

我有一个附带问题：

'Alkindus' 的 codepen 代码非常有用！

（我用 'height:0;' 隐藏了视频并将其链接到一个 url）

转义时视频隐藏但继续播放，而且我找不到如何暂停“escape”上的视频

试过类似的东西：

window.addEventListener("keydown", function (event) {
  if (event.defaultPrevented) {
    return; // Do nothing if the event was already processed
  }
  if(event.key === "Escape") { 
  //alert('escape');
  player.stopVideo();
  }

  event.preventDefault();
}, true);

它触发了我的逃跑，但在视频中我必须双击“逃跑”

也许是一些在全屏状态改变后触发的事件监听器？或某种回调。有人知道我需要搜索的方向吗？

【问题讨论】：

标签： javascript youtube youtube-api

【解决方案1】：

找到的解决方案： YouTube Player API detect fullscreen exit

document.addEventListener("fullscreenchange", function() {
  if (!document.fullscreenElement) player.stopVideo();
}, false);

document.addEventListener("msfullscreenchange", function() {
  if (!document.msFullscreenElement) player.stopVideo();
}, false);

document.addEventListener("mozfullscreenchange", function() {
  if (!document.mozFullScreen) player.stopVideo();
}, false);

document.addEventListener("webkitfullscreenchange", function() {
  if (!document.webkitIsFullScreen) player.stopVideo();
}, false);

【讨论】：