Не могу сделать всплывающее окно

[alleclf]

Необходимо сделать всплывающее окно на весь экран.

Проблема в том что те реализации которые я находил не подходят. Суть в том, что во всплывающее окно должно попасть то что и так размещено на странице - просто переместиться в окно и растянуться на весь экран.

Вот пример - http://jsfiddle.net/p7NbX/15/

Мне это не подходит так как то что всплывет в окне прописывается отдельно от того что просто отображается на сайте.

Моя задача - разместить на сайте видео-ролик. Если реализовать подобным методом получится 2 одинаковых ролика на странице. То есть, если я включу ролик и посмотрю 10 сек., а потом решу продолжить просмотр развернув его на весь экран - он начнется с начала + будет грузиться заново. Мне надо что бы при развертывании отобразился тот же ролик, и продолжилось воспроизведение.

Надеюсь на Вашу помощь. Спасибо.

[npofopr]

У видео-роликов должна быть своя кнопка "Во весь экран", тут ерундой не надо страдать.

Для обычных попапов, можно динамически, думаю, грузить туда контент, при открытии окна.
Т.е., когда окно открылось, грузить туда вот тот контент. Но тоже ерунда какая то. 

А можно одним css обойтись думаю, ну почти. Просто div указывать fixed и растягивать на весь экран. При клике на кнопку.

[alleclf]

npofopr, видео это лишь один из вариантов. На нем проще было объяснить. 

Так необходимо подгружать картинки и флеш ролики - на них нет кнопки развернуть.

[npofopr]

Ну я вам предложил самый нормальный вариант, если оно всё в одном блоке. 

А вообще, совсем не понятно, зачем это делать.

[wwt]

https://developer.mozilla.org/ru/docs/DOM/Using_fullscreen_mode

Тоже на русском:

http://html5.by/blog/fullscreen-javascript-api/

[radioactive]

если я правильно понял, то я сделал это
https://jsfiddle.net/oy23kkzo/

допиливайте под себя

Edited December 12, 2016 by radioactive