Авто-полный экран для встраивания Youtube

У меня есть видео Youtube, встроенное на веб-страницу.

Возможно ли, чтобы видео вышло в полноэкранном режиме, когда пользователь нажал кнопку воспроизведения, используя HTML5 iframe с API Youtube?

Использование проигрывателя Chromeless не является вариантом, поскольку веб-сайт предназначен для iPads.

Ответы

Ответ 1

Обновить ноябрь 2013 г.: это возможно - реальное полноэкранное, а не полное окно, со следующей методикой. Как говорит @chrisg, у JS API YouTube нет опции "полноэкранный режим по умолчанию".

  • Создать пользовательскую кнопку воспроизведения
  • Используйте JS API YouTube для воспроизведения видео.
  • Использовать полноэкранный API HTML5 для создания полноэкранного элемента

Здесь код.

var $ = document.querySelector.bind(document);

// Once the user clicks a custom fullscreen button
$(playButtonClass).addEventListener('click', function(){
  // Play video and go fullscreen
  player.playVideo();

  var playerElement = $(playerWrapperClass);
  var requestFullScreen = playerElement.requestFullScreen || playerElement.mozRequestFullScreen || playerElement.webkitRequestFullScreen;
  if (requestFullScreen) {
    requestFullScreen.bind(playerElement)();
  }
})

Ответ 2

Это невозможно с помощью кода встраивания youtube или API javascript youtube, насколько я знаю. Вам нужно будет написать свой собственный плеер, чтобы иметь эту функциональность.

Выполняя некоторые чтения, похоже, что вы можете использовать проигрыватель без хромированных youtube, и он изменит размер на ширину и высоту своего родительского элемента.

Это означает, что если вы используете проигрыватель без хрома, вы можете изменить размер div с помощью javascript с событием play.

Ответ 3

Нет, это невозможно, из-за проблем с безопасностью.

Конечный пользователь должен что-то сделать для запуска полноэкранного режима.

Если вы хотите запустить приложение Adobe AIR, вы можете автоматизировать полноэкранную активацию без использования конечного пользователя. Но тогда это будет настольное приложение, а не веб-страница.