Chrome Plugin requesting full screen API

I am working on a chrome extension and the user is doing a remote interaction to request full screen mode in the content script (aka on a youtube page). Of course, when I request full screen from the plugin I get this:

Failed to execute ‘requestFullscreen’ on ‘Element’: API can only be
initiated by a user gesture.

Is it unavoidable?

Chrome Extension – Entering in FullScreen Mode turns the page background color to black

I am creating a Chrome Extension that allows the user to view any web page in full screen:


   "manifest_version": 2,
   "name": "...",
   "version": "1.0",
   "description": "...",
   "background": {
    "scripts": ["jf.js"]
   "browser_action": {
    "default_icon": "icon.png",
    "default_title": "..."
   "author": "..." ,
    "configurable": false
   "incognito": "spanning",
   "offline_enabled": true,
   "permissions": [
   "short_name": "..."


chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.insertCSS(null, {file: "jf.css"});
    code: 'document.body.webkitRequestFullscreen()'


body:-webkit-full-screen {
 width: 100%;
 height: 100%;
 overflow: scroll;

It works fine but when a page goes into FullScreen Mode through the extension the background color of that same page becomes black, how can I solve that?

I used the FullScreen API described in: in order to do this extension.

Thank You!