Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.09.2015, 09:41
Интересующийся
Отправить личное сообщение для rustoke Посмотреть профиль Найти все сообщения от rustoke
 
Регистрация: 25.09.2015
Сообщений: 12

Пропорции масштабируемого iframe
Доброго времени суток! Вставляю на страницу видео с ютуб. Расстягиваю iframe с помощью css width: 100%; А как на javascript сделать пропорцию по высоте???
Ответить с цитированием
  #2 (permalink)  
Старый 29.09.2015, 11:26
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

<!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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вставка контента на страницу: div vs iframe hrundel Общие вопросы Javascript 8 23.08.2016 07:48
Повторное срабатывание .load() у iframe при смене его src vita1ii Events/DOM/Window 5 09.10.2013 13:49
получение ссылки на iframe из содержимого в этом iframe mister_maxim Events/DOM/Window 5 15.02.2013 22:48
Скрыть iframe - транспорт при отправке формы. Kotakota AJAX и COMET 2 30.08.2011 10:43
Вложенные IFrame и History goldserg Элементы интерфейса 1 28.03.2011 15:57