Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Пропорции масштабируемого iframe (https://javascript.ru/forum/misc/58562-proporcii-masshtabiruemogo-iframe.html)

rustoke 29.09.2015 09:41

Пропорции масштабируемого iframe
 
Доброго времени суток! Вставляю на страницу видео с ютуб. Расстягиваю iframe с помощью css width: 100%; А как на javascript сделать пропорцию по высоте???

Lemme 29.09.2015 11:26

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		iframe {
			width: 100%;
		}
	</style>
</head>
<body>
	<iframe width="560" height="315" src="https://www.youtube.com/embed/MIST0oc208k" frameborder="0" allowfullscreen></iframe>
	<script>
		var frame = document.querySelector('iframe');
		frame.height = frame.offsetWidth / (frame.width / frame.height);
	</script>
</body>
</html>


Часовой пояс GMT +3, время: 10:57.