Программно перевести Google Chrome в полноэкранный режим с помощью Javascript? - PullRequest
8 голосов
/ 05 ноября 2011

Я недавно был на YouTube, когда нажал на полноэкранную кнопку рядом с видео на YouTube, и вверху экрана появилось сообщение о том, что я переведен в полноэкранный режим. Это сообщение было родным сообщением, которое вы получаете при нажатии клавиши f-11 на клавиатуре. Я также где-то читал (что сейчас не могу найти), говоря, что теперь это можно сделать с помощью Javascript.

Вопрос

Как бы я включил браузер пользователя (Google Chrome) в полноэкранный режим по команде? - без расширения они должны были бы предварительно загрузить или что-нибудь в этом роде.

Я использую jQuery, так что это было бы лучше, но я вообще не могу найти, как это сделать.

РЕДАКТИРОВАТЬ: я видел другие вопросы такого рода, но они были заданы давно, и я считаю, что эта функция довольно новая.

Ответы [ 3 ]

10 голосов
/ 05 ноября 2011

Вот хорошая статья: Собственный полноэкранный JavaScript API . Здесь описаны все три метода: webkit, firefox и W3-offer.

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();
1 голос
/ 23 февраля 2012

API все еще сильно меняется, особенно с тех пор, как W3C присоединился на этой неделе.Я потратил некоторое время на изучение различий, связанных с реализацией полноэкранного режима в HTML5-видеоплеере MediaElement.js, и он отлично работает в Safari 5.1+, Chrome 15+ или Firefox Nightly.

1 голос
/ 05 ноября 2011

Попробуйте эти функции, они кажутся родными:

void webkitRequestFullScreen();
void webkitRequestFullScreenWithKeys();
void webkitCancelFullScreen(); // only on Document
...