iPhone上的全屏视频播放器是否有“onClose”事件？

2 回答

• 6

  更新了答案

  您可以使用 webkitendfullscreen 和 webkitenterfullscreen 事件：

  var vid = document.getElementById("some-vid");
  
  vid.addEventListener('webkitendfullscreen', function (e) { 
    // handle end full screen 
  });
  
  vid.addEventListener('webkitenterfullscreen', function (e) { 
    // handle enter full screen 
  });
  

  ---

  上一个答案

  这里也提出了类似的问题：How do I capture keyboard events while watching an HTML5 video in fullscreen mode? - 不确定如何链接这两个问题 .

  我只是假设你使用jQuery来编写这段代码 . 您只需要知道视频何时从全屏模式更改为非全屏模式...所以在调整大小时，您可以检查 video.webkitDisplayingFullscreen; 属性 .

  var isVideoFullscreen = video.webkitDisplayingFullscreen;
  
  $(window).bind("resize", function (e) {
      // check to see if your browser has exited fullscreen
      if (isVideoFullscreen != video.webkitDisplayingFullscreen) { // video fullscreen mode has changed
         isVideoFullscreen =  video.webkitDisplayingFullscreen;
  
         if (isVideoFullscreen) {
              // you have just ENTERED full screen video
         } else {
              // you have just EXITED full screen video
         }
      }
  });
  

  希望这有助于或指向正确的方向

  回复于 2024-05-08T20:08:48+08:00
• 1

  $('video').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
      var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
      var event = state ? 'FullscreenOn' : 'FullscreenOff';
  
      // Now do something interesting
      alert('Event: ' + event);    
  });
  

  回复于 2024-05-08T20:08:48+08:00