помогите сделать видео адаптивным
Страницы: 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)
Новые темыОбъявленияСвободное общение
17:28 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 
17:18 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 
17:05 Гугл официально убивает клики: кнопка "Show more" теперь открывает чат на весь экран вместо сайтов 
17:00 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 
16:53 "The web is a dynamic place". Мюллер ответил по шторму 30 января (лучше б молчал) 
16:31 Плагин ответа 
12:29 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 
04:25 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
16:37 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
16:10 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
15:45 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
11:21 Trustpilot Reviews | Подниму рейтинг вашей компании 
11:19 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
11:16 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
01:23 Точные прогнозы на футбол 
18:23 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
11:50 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 
08:25 Отвратительное поведение 
11:00 Кто может дать инвайт на WebMasters? 
17:58 Список обновленных тем пуст...