Для того чтобы узнать разрешение видео в режиме полноэкранного просмотра, можно воспользоваться JavaScript кодом. Например, можно использовать следующий код:
```javascript
const video = document.querySelector('video');
const videoWidth = video.videoWidth;
const videoHeight = video.videoHeight;
console.log(`Разрешение видео: ${videoWidth}x${videoHeight}`);
```
Чтобы рассчитать высоту видео или размер отступов от края экрана в полноэкранном режиме, можно использовать CSS и JavaScript. Например, можно задать отступы сверху и снизу, основываясь на высоте видео, и использовать относительные единицы измерения, такие как проценты или vw (1% от ширины viewport).
Чтобы привязать кастомные кнопки управления к размерам видео при изменении разрешения экрана, можно использовать событие `resize` на объекте `window`, чтобы отслеживать изменения размеров и пересчитывать необходимые параметры для кнопок управления. Например:
```javascript
window.addEventListener('resize', () => {
const videoWidth = video.clientWidth;
const videoHeight = video.clientHeight;
updateControlsPosition(videoWidth, videoHeight); // функция для обновления позиции кнопок управления
});
```
Таким образом, вы сможете динамически подстраивать кастомные кнопки управления к размерам видео при изменении разрешения экрана.