Программно перевести Google Chrome в полноэкранный режим с помощью Javascript?
Недавно я был на YouTube, когда нажал на полноэкранную кнопку рядом с видео на YouTube, и в верхней части экрана появилось сообщение о том, что я переведен в полноэкранный режим. Это сообщение было родным сообщением, которое вы получаете при нажатии клавиши f-11 на клавиатуре. Я также где-то читал (что сейчас не могу найти), говоря, что теперь это можно сделать с помощью Javascript.
Вопрос
Как бы я поставил пользовательский браузер (Google Chrome) в полноэкранный режим по команде? - без расширения они должны были бы загрузить предварительную версию или что-то в этом роде.
Я использую jQuery, так что это было бы лучше, но я не могу найти, как это сделать вообще.
РЕДАКТИРОВАТЬ: я видел другие вопросы такого рода, но они были заданы давно, и я считаю, что эта функциональность является довольно новым.
3 ответа
Вот хорошая статья: Native Fullscreen 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();
Попробуйте эти функции, они кажутся родными:
void webkitRequestFullScreen();
void webkitRequestFullScreenWithKeys();
void webkitCancelFullScreen(); // only on Document
API все еще сильно меняется, особенно после того, как W3C присоединился к этой неделе. Я потратил некоторое время на изучение различий, связанных с реализацией полноэкранного видеопроигрывателя HTML5-видео MediaElement.js, и он отлично работает в Safari 5.1+, Chrome 15+ или Firefox Nightly.