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