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

Question

[Алексей Архипенко]

Здравствуйте, такой вопрос, как можно получить высоту видео или размер отступов от края экрана сверху и снизу, когда видео находится в полноэкранном режиме. Поясню суть задачи - добавить кастомные кнопки управления, соотвественно убираем controls и посредством html и css вешаем свои. Но как их привязать к размеру самого видео, если при смене разрешения экрана его размер постоянно меняется?

Comments

[Михаил Р.]

Опубликуйте код в песочнице и скиньте сюда ссылку.

[Алексей Архипенко]

<div class="video-block">
		<video preload="auto" id ="videoBusinness" onloadeddata="this.play();" autoplay muted loop>
			<source src="<?= get_template_directory_uri(); ?>/assets/video/businnessVideo.mp4" type="video/mp4">
		</video>

		<div class="video-controls" id="videoControls">
			<button id="SoundBtn" class="btn sound-btn"></button>
			<button id="FullScreenBtn" class="btn full-screen-btn"></button>
		</div>
	</div>

[Александр Васильев]

Алексей Архипенко, не уверен, что ты сможешь получить исходные размеры (ширину и высоту) видео через js.
Судя по "<?" у тебя там php, вот и получай через него. Через размеры ты получишь соотношение сторон.

Answer 1

[chubahu]

Можно узнать пропорции видео (video.videoWidth/video.videoHeight) и экрана, затем вычислить отступы.