Как отобразить HTML-элемент поверх полноэкранного элемента? - PullRequest
Новая
       7

Как отобразить HTML-элемент поверх полноэкранного элемента?

0 голосов
/ 11 декабря 2018

Я работаю над веб-порталом видеочата и хотел бы отобразить небольшой видеопоток пользователя, пока он находится в полноэкранном режиме.По сути, я хочу поместить элемент selfview поверх полноэкранного элемента.Вот упрощенный пример структуры html: 

<div class="fullscreen-element">
        <div class="main-video-container">
            <video class="main-video"></video>
        </div>
    </div>

// In another area of the html

    <video class="self-view overlay-element"></video>

// Css example

   .self-view {
       position: absolute;
       z-index: 2147483647;
   }

Вот проблемы, с которыми я сталкиваюсь: - Наложение div selfview не может быть помещено в полноэкранный элемент.- увеличение значения z-index на оверлее также не работает.- отображение нового элемента apon, входящего в полноэкранный режим, не будет работать, поскольку оно нарушает работу сокета.

Другая информация: - Я использую метод .requestFullscreen() для входа в полноэкранный режим.

I'mтакже открыты альтернативные методы для ввода в полноэкранном режиме, если они поддерживают наложение.

...