如何在javascript / jquery中的html5視頻上檢查全屏請求？

Question

當用戶單擊html5視頻中的全屏按鈕（右下角）時，我想做些事情。

所以像這樣：

$('#video').on('webkitRequestFullscreen', function()      {       
    console.log("hello");
});

但這不起作用。

這將在Android WebView中運行，因此您不必擔心多個瀏覽器。

Answer 1

編輯有一些事件可以處理，請參見以下內容： 全屏API：觸發哪些事件？

原始答案
在這種情況下，您必須使用某種間隔。 這是我的完成方式：

// Returns true if we can enter fullscreen 
//(i.e. fullscreen function is available and not already fullscreened)

var canFullscreen = function(){
  return (
    !document.fullscreenElement &&
    !document.mozFullScreenElement &&
    !document.webkitFullscreenElement &&
    !document.msFullscreenElement );
}

setInterval(function(){
  if( canFullscreen() ) {
    // Handle exiting fullscreen
  } else {
    // Handle entering fullscreen
  }
}, 50);