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

[Dali3 1]

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

[radrigo 180]

18 минут назад, Dali3 сказал:

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

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

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

[Dali3 1]

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;
}    - тоже не работает

Изменено 22 августа 2019 пользователем Dali3

[alukardua 27]

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 сделай

Изменено 22 августа 2019 пользователем alukardua

[Dali3 1]

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

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

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