DLE Kinolove - адаптивный шаблон

Видимо хочет сделать адаптивность для ютуб роликов, которые вставляются через iframe

 

я просто переводчиком перевёл и не понял суть вопроса если адаптивность роликам ютуба, то много всего можно найти в гугле или же просто ставить ширину блокам плеера 100%.

 

Особенность iframe в том, что ширина умеет адаптироваться под размер родительского блока, а вот высота - нет. Нужно либо фиксированную высоту указывать, либо через js подсчитывать и проставлять

 

вот пример CSS, где под каждый экран норм высота плеера настраивается:

Код:

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {width: 100%;
max-width:100% !important; height:400px; display:block;}
@media screen and (max-width: 590px) {
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:300px;}
}
@media screen and (max-width: 470px) {
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:250px;}
}

только тут мои стили прописаны и мои классы для плеера.

 

Ну, через медиа запросы можно и не такую адаптивность сделать)

 

так всё и делается через неё единожды

 

Thanks! working great with this code. Just need to add in fullstory.tpl
<div id="fullstory" class="video-box">

 

Где я накосячил, подскажите пожалуйста? Все файлы пять раз перелапатил.


Извиняйте, что скрин с телефона, пк нет сейчас под рукой, но суть думаю понятна

 

1 и 3 фотка файл shortstory.tpl
2 фотка файл cust2.tpl

Судя по скрину у тебя не добавленные доп. поля

 

Да вороде все добавил, на тестовом сайте, аналогично все нормально m.nolamers.fun, а на этом хрень какая-то. Я вам в ЛС написал.

 

Это все из за загруженных постеров на сервер.

 

Создай поле с именем kinopoisk_rating
А косяк в коде title

 

Осталось только вот это решить, подскажите пожалуйста где искать

 

Так это и есть мое поле рейтинга с кинопоиска
Код title прописан везде так -

Код:

 <img src="[xfgiven_poster] [xfvalue_poster] [/xfgiven_poster][xfgiven_poster_img] [xfvalue_poster_img] [/xfgiven_poster_img]" alt="{title}" />

Если постер внешний то нормально отображается, если загруженный ко мне в папку upload, то такие косяки

 

Все сделал сам, всем спасибо!