Адаптивное видео - посмотреть код бесплатно

Мои теги

#ai #python #php

В адаптивной вёрстке видео может не вмещаться в блок на мобильном. Решение, вставить в низ страницы перед закрывающим тегом body


                        
<script type="text/javascript">

var elem = document.getElementById("wrap"); // wrap - id элемента родителя

var width = elem.offsetWidth;

var height = elem.offsetHeight;

if (500 > width) { // Ширина мобильной версии

var object = document.getElementsByTagName('object');

var embed = document.getElementsByTagName('embed');

	object[0].setAttribute('width', width);

	object[0].setAttribute('height', width/2);

	embed[0].setAttribute('width', width);

	embed[0].setAttribute('height', width/2);

}

</script>

Anvar

Комментарии

Anvar 3.33
• 16 май 2015, 14:32

SifoN, Укажи вместо wrap = <body><div id="wrap">Здесь видео embed или объект</div></body>

SifoN 1.04
• 16 май 2015, 13:21

Ничо не понял. Где это взять? var elem = document.getElementById("wrap"; // wrap - id элемента родителя

Juventus [мошенник] 9.47
• 15 май 2015, 14:13

#FWLone, +++

#FWLone 9.56
• 15 май 2015, 10:40

я реализовал для видео с хтмл5 так:
video{
width:500px;
max-width:90%;
}
проще же

Поздравляем с наступающим Новым годом! Пусть 2025 год принесёт вдохновение, успешные проекты и стабильный рост! Желаем лёгкого кода, надёжных партнёров и личного счастья. Спасибо, что вы с нами!..