Обсуждение DLE Kinolove - адаптивный шаблон

[97artur97]

maryo вообще не понятно что нужно реализовать!?

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

 

[Ботяра]

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

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

 

[97artur97]

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

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

 

[Ботяра]

Особенность 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;}
}

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

 

[97artur97]

вот пример 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;}
}

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

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

 

[Ботяра]

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

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

 

[maryo]

вот пример 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">

 

[aleksndr]

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


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

 

[upload]

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

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

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

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

 

[aleksndr]

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

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

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

 

[aleksndr]

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

 

[Burial]

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

 

[aleksndr]

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

 

[aleksndr]

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

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

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

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

 

[aleksndr]

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