How to get out of fullscreen mode using ESC key

[fasecero]

I need to enable ESCAPE key to exit fullscreen while playing a fullscreen video. Any idea?

Code: Select all

   virtual bool OnPreKeyEvent(CefRefPtr<CefBrowser> browser, const CefKeyEvent& event, CefEventHandle os_event, bool* is_keyboard_shortcut)  {

      if (os_event && os_event->message == WM_KEYUP) {

         if (os_event->wParam == VK_ESCAPE) {

            if (fullscreen)  // fullscreen: flag set to true inside CefDisplayHandler::OnFullscreenModeChange
            {
               // how can I set browser back to normal mode?
               // ...
            }
         }
      }

      return false;
   }


[magreenblatt]

You should be able to exit full-screen mode via JavaScript (using ExecuteJavaScript method for example).

[fasecero]

Thanks for the help!

I know very little about javascript. I tried to call asynchronously the following function in the rendering process without success.

Code: Select all

bool AppProcessExitFS(CefRefPtr<CefBrowser> browser, CefRefPtr<CefProcessMessage> message)
{
   CefRefPtr<CefV8Value> ret;
   CefRefPtr<CefV8Exception> excep;

   CefRefPtr<CefFrame> FocusedFrame = browser->GetFocusedFrame();

   if (FocusedFrame)
   {
      CefRefPtr<CefV8Context> v8Context = FocusedFrame->GetV8Context();

      if (v8Context)
      {
         v8Context->Eval("alert('ESC KEY PRESSED')", ret, excep);

         v8Context->Eval("document.getElementsByTagName('video')[0].webkitExitFullScreen()", ret, excep);

         return true;
      }
   }

   return false;
}


When ESCAPE key is pressed the 'ESC KEY PRESSED' alert is displayed but the youtube video continues in fullscreen. What should be the correct js code?

[fasecero]

Solved. The text should be "document.webkitExitFullscreen()".

[cretz]

This solution does not work for me because it can be easily circumvented by a malicious actor via:

Code: Select all

document.webkitExitFullscreen = () => console.log('Stay full screen!');

Can I open an issue for programmatic fullscreen exit or is there a way to make sure a user can't circumvent the JS call?

EDIT: I suppose I can run the following in CefRenderProcessHandler::OnContextCreated:

Code: Select all

    Object.defineProperty(document, 'webkitExitFullscreen', {
      value: document.webkitExitFullscreen,
      writable: false
    });


Seems a bit hackish.