помогите сделать видео адаптивным
Страницы: 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)
Новые темыОбъявленияСвободное общение
21:51 Stixi.ru. и stixi.com 
16:22 Работает ли ссылочное продвижение 2019 – 2020? 
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
21:07 Взрывной рост роботности в Метрике 
18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 
15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик 
20:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
20:21 Sectormoney.com - быстрый и удобный обменник 
17:27 Уникальный сервис SEO продвижения 
05:08 [WORDPRESS] [Gemini|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт. 
14:51 Мощные прокси для вашего бизнеса! 
12:17 Продам дешёвые домены (1$/штука) 
10:58 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
19:45 Точные прогнозы на футбол 
20:09 Сколько сейчас стоит наполнение ИМ? 
12:43 Куплю проигрышные букмекерские аккаунты 
04:33 Половина скидок на распродажах — фейк 
07:53 НейроБабушка наказывает мошенников 
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту