Форум / Вопросы / Playerjs-отображается только нижняя часть плеера
Отображается только нижняя часть плеера от сервиса playerjs, часть элементов смещаются вниз, часть не отображается.
Сайт на .shtml
В конструкторе все отображается корректно, а при вставке на мой сайт, верхняя часть плеера как отрезана и просто белый фон. Уже перепробовала несколько плееров, разное местоположение на сайте и все-равно идет обрезание.
Плеер вставляется на сайт на локальном хостинге. Использован размер контейнера и свои размеры для плеера.
Корректно показывает большие версии (под видео), а мне надо просто под аудио, с возможностью выбирать битрейт. В конструкторе все работает отлично…

Прошу помощи.
SHERIKСсылка на пост (Смотрели 237)25.07.18 23:22     Ответить
Ваше имя*
 E-mail* (не публикуется)
 
 
Если пишете о проблеме, то приложите, пожалуйста, ссылку на свой плеер отсюда — Плеер: Файл > Код > Ссылка
Вставка кода — [code][/code] дублировать ответы на e-mail
1
support 26.07.18 - 09:18
Можете сделать скриншот?
2
SHERIK 26.07.18 - 14:41
https://yadi.sk/i/b6GiPNyC3ZbiEs
Вот собственно что получается на сайте. Причем старый плеер работает очень хорошо и нет проблем с отображением его посмотреть версию другого плеера (он не от uppod и playerjs) можно на работающем сайте в сети
ссылка
Правда плеер встраивается ифреймом, может тут загвоздка?
3
support 26.07.18 - 15:46
Как выглядит код iframe? У контейнера, который внутри iframe указаны размеры в css?
4
SHERIK 26.07.18 - 17:32
Ифрейм это для плеера, который на работающем сайте стоит (там все стили прописаны видимо в файле mrp.js который находится на сервере у поставщика плеера). Да и потом, я посмотрела, там не ифрем, там просто код <script>.
А вот фото полуплеера, это с сайта на моей машине через сервер.
Код плеера как указан на сайте playerjs вставила:
<script>
var player = new Playerjs({id:"player", file:"https://listen.myrh.ru/vesen"});
</script>
и ссылку на скрипт, в котором кстати и указаны должны быть все стили.
5
support 26.07.18 - 17:48
Контейнеру указали размеры?
6
SHERIK 26.07.18 - 21:14
Конечно. В конструкторе на сайте все в порядке, а при встраивании такая вот картина…
7
support 26.07.18 - 21:46
У вас на сайте свой контейнер для плеера (div), он никак не связан с конструктором. Вот ему нужно указать высоту в css.
8
SHERIK 27.07.18 - 13:35
<div class="medium-8 cell">
.medium-8{width:calc(66.66667% — 1.875rem)}
получаетя процентное соотношение, плеер все -равно должен отображаться, а он встраивается любым размеров по ширине и обрезанным по высоте… :(
9
support 27.07.18 - 17:49
Возможно вы плохо прочитали предыдущий комментарий, нужно указать высоту (height в пикселях).
10
SHERIK 27.07.18 - 23:18
Но у меня уже создана отдельная страничка, я описала ниже, но проблема все равно есть. Прописала и пикселях, на этой отдельной странице и все то же самое, грузится ровно половина плеера…
Сам плеер внутри конструктора Playerjs также прописан в пикселях, там и нет возможности указать проценты.
11
SHERIK 27.07.18 - 23:22
Кстати, если выбираю тип плеере не "конструктор", а другой (под видео), то у меня вполне себе корректно все отображается и плеер не обрезается. А вот тип "контейнер" выдает такую проблему. Но мне нужен именно аудио, минимальный вид плеера.
12
support 28.07.18 - 04:27
Попробуйте вот такой контейнер
<div style="width:500px;height:100px"></div>
13
SHERIK 28.07.18 - 09:58
https://yadi.sk/i/KsnTebXY3Zf5RP
вот что у меня получается :(
14
SHERIK 27.07.18 - 14:23
Так, сделала вот что, создала отдельную страничку на локальном сервере index2.html и прописала туда только ссылку на скрипт и код плеера от playerjs
<table border="1" bordercolor="cc215a" width="100%" height="100%" align="center">
Картина повторилась полностью. К данной страничке вообще никакие стили не привязаны…
По прежнему верхушка плеера обрезана… :(
Сообщить об ошибке на сайте
 Uppod © 2008–2017       Контактная информация   /  Соглашение  /  Twitter  /  Facebook
Сообщить об ошибке на сайте
Если ошибка относится к плееру, а не сайту, либо Вы хотите получить ответ на вопрос —
лучше написать на форуме