помогите сделать видео адаптивным
Страницы: 1
помогите сделать видео адаптивным
Добрый день, дорогие форумчане.Помогите, пожалуйста, сделать адаптивным видео на сайте luckymummy.ru/
сайт работает на dle.
Спасибо всем, кто откликнется!
Не знаю, как там у вас на dle, а на вордпресс решается просто - в стилях пишете:
 iframe {
    width: 100%;
    height: 22em;
}
и все. Причем высоту можно и не указывать, или назначить auto или 100% - это (22em) я для своего сайта подобрал. если у вас не ifram, а video или еще что-то другое - соответственно меняйте.
Цитата
Анна Иванова пишет:
Добрый день, дорогие форумчане.Помогите, пожалуйста, сделать адаптивным видео на сайте luckymummy.ru/
сайт работает на dle.
Спасибо всем, кто откликнется!
Ответил в ЛС
Ребят, спасибо, подскажите делетанту..в каком месте это менять в  стилях в дле???
<style>

.video iframe {


min-height:480px;

float:left;

}
@media screen and (max-width: 1366px) {

.video iframe {

width:100%;

min-height: 550px;

}}

@media screen and (max-width: 1280px) {
.video iframe {

width:98%;

min-height: 400px;

}}

@media screen and (max-width: 1024px) {

.video iframe {

width:96%;

min-height: 360px;

}}

@media screen and (max-width: 800px) {

.video iframe {

width:94%;

min-height: 320px;

}}

@media screen and (max-width: 640px) {

.video iframe {

width:92%;

min-height: 270px;

}}

</style>
вот ниже 3 варианта (сначала попробуйте 3. если не получиться пробуйте другие)

1 вариант: вставить можно в любой подключенный файл .css ( нужно убрать в начале </style> и конце </style>) 
или же вставить в конец страницы где размещено видео

2 вариант:можно использовать еще такой вариант (при условии использования видео с сторонних ресурсов)

 <div id="videoplayer" style="width:100%;height:[desktop]400px[/desktop][tablet]350px[/tablet][smartphone]280px[/smartphone]">
 <iframe  src="КОД ВИДЕО YOUTUBE или т.д" width="100%" height="[desktop]400[/desktop][tablet]350[/tablet][smartphone]280[/smartphone]" frameborder="0" allowfullscreen></iframe>   
</div>  

3 вариант: или же просто вставьте в любой css файл 
в самый конец

.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}
хочу выразить огромную благодарность Бублик МЭН.Человек мне сделал видео адаптивными быстро, профессионально и бесплатно!
Помимо этого, выявил уязвимость на админке и исправил ее!!
Профессионал в своем деле и просто отличный, позитивный человек
еще раз спасибо!
Изменено: Prapovednik - 27 Марта 2017 21:21 (Удалил форматирование)
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
20:31 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 
20:16 APK на паузе. Google убивает быстрый конверт 
20:12 AI под надзором. Минцифры готовят клеймо для контента 
22:32 Gambling Craft - гемблинг по белому 
00:12 XEvil - софт для разгадывания капчи. Бесплатная демо-версия. Привязка к SEO/SMM-софту. 
16:58 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
15:38 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
05:40 Купить дедики Абузоустойчивые сервера Аренда сервера Купить dedic Дедик Дешево vps vds сервера дедики на SSD! 
17:48 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
17:13 Анализ курсов и недежности обменников - Kurs.Expert 
15:29 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20 
14:20 Вериф аккаунты АВИТО + платежи 
14:17 Swapwatch.org — Мониторинг криптовалютных обменников 
08:01 HH.ru Работадателя вериф 
00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
23:52 Сайты Рунета 
20:23 Панель Кнопки соцсетей 
20:09 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
20:09 Точные прогнозы на футбол 
17:40 молодильные яблоки и живая вода 
14:03 Огородники