помогите сделать видео адаптивным
Страницы: 1
помогите сделать видео адаптивным
Добрый день, дорогие форумчане.Помогите, пожалуйста, сделать адаптивным видео на сайте luckymummy.ru/
сайт работает на dle.
Спасибо всем, кто откликнется!

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Не знаю, как там у вас на 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)
Новые темыОбъявленияСвободное общение
22:00 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
18:22 Если страница не заходит в гугл 
18:20 Покупные ссылки 
16:22 Где найти "Независимое управление для разных типов площадок."? 
15:28 Не индексирует гугл 
15:04 Adtrafico - Правильная партнёрская сеть под бурж трафик 
13:01 Вторник Яндекс выдача 
21:39 Профильный прогон 200 рублей, Тиц (Икс) от 10, проверен Checktrust 
19:09 Хотите заказать статью для сайта на английском языке? 
19:05 Вёрстка и дизайн сайтов 
16:03 C1k: обмен Advcash , Perfect Money , skrill , NETELLER, крипта, приват24, тенге 
14:58 Антидетект Che browser 
14:03 BestChange – обменивать электронную валюту можно быстро и выгодно 
12:58 Качественный рерайт от 20 руб. за 1000 символов 
13:08 Вредоносный код добавили в аддоны Nano Adblocker и Nano Defender для Chrome 
17:22 Павел Дуров назвал три самые недооцененные вещи в жизни 
17:17 Linux - это максимальная свобода 
12:07 Ищу партнерку под Web Push Notifications 
20:22 YouTube запретит получать доход с видео, отрицающих изменения климата 
14:06 Несколько слов о том, почему ты должен выбрать нас! 
23:46 Alfaleads - твоя любимая CPA-сеть!