Как реализовать

S
На сайте с 19.03.2013
Offline
67
428

Здравствуйте. Юзаю ДЛЕ, в полной новости код типа <iframe src="http://www.youtube.com/embed/код" allowfullscreen="true" frameborder="0" width="740" height="440" scrolling="no"></iframe>

Нужно сделать чтобы в моб. версии сайта width="740" height="440" заменяло на width="320" height="250", при этом в полной версии подгружало орг. код. Уже крутил, вертел и так и сяк, доп. полями игрался и т.п., хз. как его реализовать. В моб. версию сайта грузит видео огромное, страшно не красиво, да и вообще не правильно это, а как сделать правильно ума не приложу. Вырубать моб. версию сайта не охота, заменять в базе все значения тоже не вариант, ведь в полной версии тогда тоже будет не удобно пользователям. В общем буду благодарен всем за помощь\совет.

Pазвлечения ЗДЕСЬ (http://soloman.ru)
L
На сайте с 16.10.2014
Offline
108
#1

CSS - @Media не памогло ?

Купить автомобиль из США можно тут (https://us-car.com.ua)
S
На сайте с 19.03.2013
Offline
67
#2
CSS - @Media не памогло ?

lexter, не пробовал такого, на htmlbook изучил информацию, но плохо понял как применить к моей ситуации?

H
На сайте с 08.02.2016
Offline
7
#3

@media (max-width:400px; ) {iframe{width:320px; height:250px;}}

@media (max-width: Здесь пишем ширину экрана под мобильник) {обращаемся к iframe или его можно в блок div заключить и класс задать{width:320px; height:250px;}}

Данное правило будет применяться только для экранов размер которых 400px и менее.

Но экраны могут быть разными и, если задать ширину и высоту в пикселях, то они там и останутся, получиться некрасиво, поэтому надо задавать эти параметры в auto.

eis
На сайте с 18.10.2008
Offline
473
eis
#4

soloman, копайте медиазапросы + css свойство max-width ☝

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
S
На сайте с 19.03.2013
Offline
67
#5

CSS - СИЛА! Всем спасибо, вопрос решен.

Тему можно закрывать!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий