Safari, хотя я не уверен, как это технически достигнуто.

n, позволяющий сфокусировать весь экран на определенных элементах HTML. Это действительно здорово для отображения интерактивных медиа, таких как видео, в полностью погруженной среде.

Чтобы заставить работать полноэкранную кнопку, вам нужно настроить другого прослушивателя событий, который будет вызыватьrequestFullScreen()ункция @ при нажатии кнопки. Чтобы убедиться, что это будет работать во всех поддерживаемых браузерах, вам также необходимо проверить, является ли символrequestFullScreen()оступен @ и откат к префиксным версиям поставщика mozRequestFullScreen а такжеwebkitRequestFullscreen) если это не так.

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
  elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}

Ссылка:-https: //developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mod Ссылка:-http: //blog.teamtreehouse.com/building-custom-controls-for-html5-video

но это не распространяется на браузер Chrome или оболочку ОС.

ешение @Design заключается в том, что HTML живет внутри окна браузера. Плагины Flash не находятся внутри окна, поэтому они могут работать в полноэкранном режиме.

Это имеет смысл, в противном случае вы можете создать теги img, закрывающие оболочку, или теги h1, чтобы весь экран был буквой.

в Firefox, так и в Chrome (в их последних версиях). Хорошей новостью является то, что здесь была разработана спецификация:

http: //dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.htm

Вам все еще придется иметь дело с префиксами вендора, но все детали реализации отслеживаются на сайте MDN:

https: //developer.mozilla.org/en/DOM/Using_full-screen_mod

От CSS

video {
    position: fixed; right: 0; bottom: 0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto; z-index: -100;
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}

Теперь можно вывести любой элемент в полноэкранный режим, используя Fullscreen API, хотя это все еще беспорядок, потому что ты не можешь просто позвонитьdiv.requestFullScreen() во всех браузерах, но должны использовать префиксные методы, специфичные для браузера.

Я создал простую обертку Screenfull.js это облегчает использование полноэкранного API.

Текущий браузер поддерживает:

Обратите внимание, что многие мобильные браузеры не поддерживают полная опция экрана еще.

1) иметь escape всегда, чтобы вывести вас из полноэкранного режима (это не относится к ручному вводу полноэкранного режима через f11)

2) временно отобразить небольшой баннер, сообщающий, что включен полноэкранный режим видео (браузером)

3) по умолчанию блокировать полноэкранное действие, как это было сделано для всплывающих окон и локальной базы данных в html5, а также в расположении api и т.

Я не вижу проблем с этим дизайном. кто-нибудь думает, что я что-то пропустил?

Сафар поддерживает это черезwebkitEnterFullscreen.

Хро должен поддерживать его, так как он также WebKit, но с ошибками.

Крис Близард изFire Fo сказал, что они выпускают собственную версию полноэкранного режима, которая позволяет любому элементу переходить в полноэкранный режим. например Холст

Филип Джагенштедт из Opera говорит, что они поддержат его в более позднем выпуске.

Да, в спецификации видео HTML5 говорится, что она не поддерживает полноэкранный режим, но, поскольку пользователи хотят этого, и каждый браузер будет поддерживать его, спецификация изменится.

что если мы хотим иметь открытый способ просмотра видео в наших браузерах без каких-либо плагинов с закрытым исходным кодом (и всех нарушений безопасности, связанных с историей флеш-плагина ...). Тег должен найти способ активировать полноэкранный режим. Мы могли бы справиться с этим так, как это делает Flash: чтобы сделать полноэкранный режим, его нужно активировать щелчком левой кнопкой мыши и ничего более, я имею в виду, что ActionScript не может запустить Полноэкранный режим при загрузке вспышки по примеру.

Надеюсь, я достаточно ясно: в конце концов, я всего лишь французский студент по информационным технологиям, а не английский поэт

Увидимся

канал В Chrome теперь есть полноэкранное видео.

щелкните правой кнопкой мыши по видео и выберите «Полный экран».

Последние ночные ноты Webkit также поддерживают полноэкранное HTML5-видео, попробуйте Превосходный игрок с последней ночью и удерживайте Cmd / Ctrl при выборе полноэкранного режима.

Я думаю, что Chrome / Opera также будет поддерживать что-то вроде этого. Надеемся, что IE9 также будет поддерживать полноэкранное HTML5-видео.

WebkitEnterFullscreen.

стном меню. Для этого не нужно иметь Javascript, хотя я мог видеть, когда это будет полезно.

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

Полное решение:

    function bindFullscreen(video) {
            $(video).unbind('click').click(toggleFullScreen);
    }

    function toggleFullScreen() {
            if (!document.fullscreenElement &&    // alternative standard method
                    !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  // current working methods
                    if (document.documentElement.requestFullscreen) {
                            document.documentElement.requestFullscreen();
                    } else if (document.documentElement.msRequestFullscreen) {
                            document.documentElement.msRequestFullscreen();
                    } else if (document.documentElement.mozRequestFullScreen) {
                            document.documentElement.mozRequestFullScreen();
                    } else if (document.documentElement.webkitRequestFullscreen) {
                            document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                    }
            } 
            else {
                    if (document.exitFullscreen) {
                            document.exitFullscreen();
                    } else if (document.msExitFullscreen) {
                            document.msExitFullscreen();
                    } else if (document.mozCancelFullScreen) {
                            document.mozCancelFullScreen();
                    } else if (document.webkitExitFullscreen) {
                            document.webkitExitFullscreen();
                    }
            }
    }

webkitEnterFullScreen();

например, для полноэкранного использования первого тега видео на странице:

document.getElementsByTagName('video')[0].webkitEnterFullscreen();

Примечание: это устаревший ответ и больше не актуален.

невозможно получить полноэкранное видео в формате html 5. Если вы хотите знать причины, вам повезло, потому что битва за полноэкранные сражения ведется прямо сейчас. Видеть WHATWG список рассылки и найдите слово «видео». Я лично надеюсь, что они предоставляют полноэкранный API в HTML 5.

если вы скажете пользователю нажать F11 (полноэкранный режим для многих браузеров), и вы разместите видео на всем теле страницы.

что происходит с видео HTML5, это то, что вы просто поместите<video> tag и браузер предоставят собственный интерфейс и, следовательно, возможность просмотра в полноэкранном режиме. Это действительно делает жизнь намного лучше для нас, пользователей, когда не нужно видеть «искусство», которое может сделать какой-то разработчик, играющий с Flash :) Это также добавляет согласованности платформе, что приятно.

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