Как можно получить размер видео в полноэкранном режиме?

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

Прежде всего, необходимо установить обработчики событий на видео элемент, чтобы отслеживать изменения его размеров. После того, как видео перешло в полноэкранный режим, можно получить его размеры с помощью свойств videoElement.videoWidth и videoElement.videoHeight, где videoElement - это элемент <video> на веб-странице.

Пример кода:

const videoElement = document.querySelector('video');

videoElement.addEventListener('fullscreenchange', onFullScreenChange);
videoElement.addEventListener('webkitfullscreenchange', onFullScreenChange);
videoElement.addEventListener('mozfullscreenchange', onFullScreenChange);
videoElement.addEventListener('msfullscreenchange', onFullScreenChange);

function onFullScreenChange() {
    if (document.fullscreenElement || document.webkitFullscreenElement ||
        document.mozFullScreenElement || document.msFullscreenElement) {
        const videoWidth = videoElement.videoWidth;
        const videoHeight = videoElement.videoHeight;
        
        console.log(`Video width: ${videoWidth}, Video height: ${videoHeight}`);
    }
}

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

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