【问题标题】: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);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-10-21
      • 1970-01-01
      • 1970-01-01
      • 2013-01-14
      • 2016-03-30
      • 1970-01-01
      • 2011-12-31
      • 1970-01-01
      相关资源
      最近更新 更多