//Получаем наши элементы(само видео и картинку)
var videoElement = document.getElementById("myvideo");
var imageElement = document.getElementById("myimage")
//функция для открытия видео на полный экран
function toggleFullScreenVideo() {
  //проверяем,открыто ли уже видео на полный экран
  if (!document.fullscreenElement) {
    //данным ифом мы проверяем можем ли мы открыть видео на полный экран(приставка moz делает запрос к видео,если оно открыто в
    // Mozilla Firefox,а если в другом браузере,то webkit)
    if (videoElement.mozRequestFullScreen) {
      videoElement.mozRequestFullScreen();
    } else {
      videoElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
    }
    //если видео уже открыто на полный экран,то мы его возвращаем назад в обычный режим
  } else {
    if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else {
      document.webkitCancelFullScreen();
    }
  }
}
//для картинки всё тоже самое,просто пришлось отделить,чтобы открывать при нажатии именно картинку или видео,а не все подряд
function toggleFullScreenImage() {
  if (!document.fullscreenElement) {
    if (imageElement.mozRequestFullScreen) {
      imageElement.mozRequestFullScreen();
    } else {
      imageElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
    }
  } else {
    if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else {
      document.webkitCancelFullScreen();
    }
  }
}
//здесь мы добавляем событие на нажатие клавиши
document.addEventListener("keydown", function(e) {
  //если наша нажатая клавиша Enter(код 13) то выполняем функцию
  if (e.keyCode == 13) {
    toggleFullScreenVideo();
  }
  //если наша нажатая клавиша F(код 70 ) то выполняем функцию
  if (e.keyCode == 70){
    toggleFullScreenImage();
  }

}, false);