Добрый день, дорогие форумчане.Помогите, пожалуйста, сделать адаптивным видео на сайте luckymummy.ru/
сайт работает на dle.
Спасибо всем, кто откликнется!
сайт работает на dle.
Спасибо всем, кто откликнется!
#1
20 Февраля 2017 11:04
Добрый день, дорогие форумчане.Помогите, пожалуйста, сделать адаптивным видео на сайте luckymummy.ru/
сайт работает на dle. Спасибо всем, кто откликнется! |
#2
20 Февраля 2017 12:11
Не знаю, как там у вас на dle, а на вордпресс решается просто - в стилях пишете:
iframe { width: 100%; height: 22em; } и все. Причем высоту можно и не указывать, или назначить auto или 100% - это (22em) я для своего сайта подобрал. если у вас не ifram, а video или еще что-то другое - соответственно меняйте. |
#3
20 Февраля 2017 14:11
|
#4
20 Февраля 2017 15:01
Ребят, спасибо, подскажите делетанту..в каком месте это менять в стилях в дле???
|
#5
20 Февраля 2017 17:37
<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> |
#6
27 Марта 2017 12:48
вот ниже 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;} } |
#7
27 Марта 2017 16:27
хочу выразить огромную благодарность Бублик МЭН.Человек мне сделал видео адаптивными быстро, профессионально и бесплатно!
Помимо этого, выявил уязвимость на админке и исправил ее!! Профессионал в своем деле и просто отличный, позитивный человек еще раз спасибо!
Изменено:
Prapovednik - 27 Марта 2017 21:21
(Удалил форматирование)
|
||||
13.05.2023 00:13 | Как сделать правильно robot.txt |
28.02.2021 23:08 | Подскажите нужно ли открытие каталога на сайте по наведению или лучше сделать по клику? |
22.05.2020 14:11 | Помогите определиться с сайтом |
13.10.2019 15:10 | Как сделать адаптивность ширины сайта? |
25.09.2019 15:40 | Помогите найти ошибку |