Сообщений в теме: 2

[topcity-shop@yandex.ru]

возможно ли, что бы видео окно в мобильной версии сайта подгонялось по размерам окна как на втором слайде и как это сделать? спасибо

Прикрепленные изображения

• 
• 

[Danil]

topcity-shop@yandex.ru (06 Январь 2018 - 17:40) писал:

возможно ли, что бы видео окно в мобильной версии сайта подгонялось по размерам окна как на втором слайде и как это сделать? спасибо

Здравствуйте.
Попробуйте следующий способ:
в main.css найдите код

@media all and (max-width: 641px) {

и после него вставьте

.iframe_adaptive {padding-bottom:56.25%;position:relative;}
.iframe_adaptive iframe {height:100%;width:100%;position:absolute;}

в конец main.js добавьте код

$(document).ready(function(){
	if(getClientWidth() < 642){
$('iframe').each(function(){
$(this).wrap('<div class="iframe_adaptive"></div>');
})
}
})

Данный способ делает видео "резиновым", чтобы оно подстраивалось по ширину экрана(если Вы будете проверять данный способ на компьютере, путем уменьшения окна браузера, то обновите страницу).

[topcity-shop@yandex.ru]

спасибо!!!