Как заставить мой браузер Chrome принять .requestFullscreen ()?

Полноэкранный api немного запутан, потому что на данный момент ни один браузер не принимает обычную "неподготовленную" версию. Mozilla имеет довольно хорошее объяснение полноэкранного api здесь, со списком соответствующих префиксов.

Чтобы получить полноэкранный .webkitRequestFullscreen() в Chrome, вам действительно нужно вызвать .webkitRequestFullscreen(). Если вы хотите поддерживать несколько браузеров, вам нужно использовать блок if-else, чтобы убедиться, что у вас есть все правильные префиксы, например:

if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullScreen) {
    elem.webkitRequestFullScreen();
  } else if (elem.mozRequestFullScreen) {
    elem.mozRequestFullScreen();
  } else if (elem.msRequestFullscreen) {
    elem.msRequestFullscreen();
  }

Это уродливо, но, к сожалению, это необходимо. Вам также необходимо добавить соответствующие префиксы для выхода из полноэкранного режима и на любой css, который вы можете применить. Последней ошибкой, которую вы можете заметить, является то, что браузеры webkit не отображают элемент в полноразмерном режиме в полноэкранном режиме, поэтому вам нужно добавить следующее в таблицу стилей.

-webkit-full-screen {
  width: 100%;
  height: 100%;
}