Перейти к публикации

Сбивется разметка если в краткой новости видео


Рекомендованные сообщения

Сайт наполняется с помощью парсера. Если в коротку новость попадает ссылка на ютуб - сбивается вся разметка ибо отображается видео в натуральном размере. Для картинок сделал отдельный класс 100х100 пикселей, а вот как ужимать видео или совсем не отображать его в краткой новости не знаю. Прошу подсказку. 

Ссылка на сообщение
Поделиться на других сайтах
18 минут назад, Dali3 сказал:

Сайт наполняется с помощью парсера. Если в коротку новость попадает ссылка на ютуб - сбивается вся разметка ибо отображается видео в натуральном размере. Для картинок сделал отдельный класс 100х100 пикселей, а вот как ужимать видео или совсем не отображать его в краткой новости не знаю. Прошу подсказку. 

Точно также, как уменьшайте картинку, точно так же и видео.


 Примерно так
.shortstory iframe {
    width: 100px;
}

Ссылка на сообщение
Поделиться на других сайтах
4 часа назад, radrigo сказал:

Примерно так

не, не iframe. Конструкция такая 

    <object data="https://www.youtube.com/v/SpnbVdfC8" height="559" type="application/x-shockwave-flash" width="679">
        <param name="allowscriptaccess" value="never">
        <param name="allownetworking" value="internal">
        <param name="movie" value="https://www.youtube.com/v/SpnDVdfC8">
        <embed type="application/x-shockwave-flash" width="679" height="559" src="https://www.youtube.com/v/SpnDVdfC8">
    </object>

 

Делаю также как и для картинок - не получается.

Для картинок так

.middlec img {

width:100px;

height:100px;

}   

работает, но для object так не получается.

Пробовал так - 

.middlec <object data="" type="application/x-shockwave-flash"> {
    width: 100px;
    height: 100px;
}    - тоже не работает

Изменено пользователем Dali3
Ссылка на сообщение
Поделиться на других сайтах
59 минут назад, Dali3 сказал:

не, не iframe. Конструкция такая 

    <object data="https://www.youtube.com/v/SpnbVdfC8" height="559" type="application/x-shockwave-flash" width="679">
        <param name="allowscriptaccess" value="never">
        <param name="allownetworking" value="internal">
        <param name="movie" value="https://www.youtube.com/v/SpnDVdfC8">
        <embed type="application/x-shockwave-flash" width="679" height="559" src="https://www.youtube.com/v/SpnDVdfC8">
    </object>

 

Делаю также как и для картинок - не получается.

Для картинок так

.middlec img {

width:100px;

height:100px;

}   

работает, но для object так не получается.

Пробовал так - 

.middlec <object data="" type="application/x-shockwave-flash"> {
    width: 100px;
    height: 100px;
}    - тоже не работает

#embed {max-width: 300px} попробуй если не поможет то #embed {width: 300px} должно помочь

так же к object сделай

Изменено пользователем alukardua
Ссылка на сообщение
Поделиться на других сайтах

не в тот класс записывал, нужно было в content_block.

Теперь проблема с такой конструкцией [media="youtube************[/media]

Как уменьшить? все вышеописанные варианты не работают

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...