Question

Предыстория: 

Официально приобретён плеер (код и скрипты) для трансляции музыки, радиопотоков, плей листа на сайте. Всё хорошо.

Но в мобильной выдаче плеер выглядит ужасно. Все переговоры с автором плеера упираются в одну фразу с его стороны "минимальная ширина родительского контейнера для горизонтального шаблона 600 пискселей", и поэтому он отображается так коряво.

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

Тогда почему текст сверху и снизу плеера растягивается на всю ширину экрана? 

Поместил код вызова плеера в див контейнер с коричнквым фоном. В итоге сам контейнер растягивается а плеер нет. Смотрите видео.

Повторяю речь идёт только о мобильной выдаче. 

Может быть конфликт каких то стилей? 

Что исправить и как? 

 

Помогите понять как может присходить такое: 

Answer 1

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

То что текст тянется по ширине, стили правьте https://ex-hort.ru/css/home-page.css в строке 73:

p {text-indent:0 !important;text-align:left}

можно добавить выделенное красным.

Comments

В том то и дело что автор обвиняет шаблон страницы где расположен плеер в том что имеется родительский контейнер с ограниченной шириной

плееру не хватает места в родительском контейнере, поэтому он не переключается в горизонтальный режим

Вот самый сок из переписки: http://joxi.ru/Vm6w55oIjj7zX2

Что я могу сделать для нормального отображения плеера?

---

Фёдор Тимофеев,

А где конкретно скриншот того как плеер выглядит ужасно? Я на видео не увидел ужастности, вы просто открыли боковую колонку для ссылок поделиться и закрыли ее снова. Нужен конкретный пример ужастности.

---

Yuri_Geruk,

Скины сделаны в горизонтальном расположении телефона.

Верхняя часть страницы с плеером и верхняя часть самго плеера http://joxi.ru/YmEZ11MCJJ36O2

 

Нижняя часть плеера на странице http://joxi.ru/1A5wQQoIGGQOzm

Ужас в пустом месте внутри созданного мной див контейнера.

---

Фёдор Тимофеев,

Как я уже говорил выше, то что вы создали отдельный див и задали ему свой фон, не расширит сам плеер на всю ширину как вам хочется. Вас автор запутал в этих терминах. В данном примере видна лишь фиксированная адаптивность плеера и в этом проблема, а не в дизайне.

---

Yuri_Geruk,

Я создал див для наглядности проблемы.  Подскажите Как и где исправить фиксированную адаптивность плеера. Ведь автор утверждает что проблема в моём шаблоне. http://joxi.ru/Vm6w55oIjj7zX2

---

Фёдор Тимофеев,

Увы, переворот экрана, то что вы крутите устройство в разные стороны (положения горизонтально или вертикально) и хотите чтобы все было идеально, это стилями отловить не возможно и прописать специальные стили. Вам придется с этим мириться.