Форум / Вопросы / Плеер не трасформер!
На мелких мобильных устройствах видно только пол плеера, то есть взять смартфон 4 дюйма экран. Как сделать чтоб на смартфонах он влазил в экран не важно от размеров?
пример ссылка
dle 13 остальные из базы данных плееры с рекламой трансформируются.
demsdemsСсылка на пост (Смотрели 201)24.08.18 04:41     Ответить
Ваше имя*
 E-mail* (не публикуется)
 
 
Если пишете о проблеме, то приложите, пожалуйста, ссылку на свой плеер отсюда — Плеер: Файл > Код > Ссылка
Вставка кода — [code][/code] дублировать ответы на e-mail
1
support 24.08.18 - 07:56
У вас зафиксирован размер контейнера
<div id="videoplayer840" style="width: 700px; height: 500px;"></div>

А он должен быть резиновым и меняться на разных экранах, плеер адаптируется под эти размеры.
2
demsdems 27.08.18 - 10:44
Хороший ответ.
И как это прописать? Сделать.
3
support 27.08.18 - 10:47
В процентах
4
demsdems 27.08.18 - 10:48
Щя попробую
5
demsdems 27.08.18 - 10:53
Теперь понял спасибо! Получилось. Сделал так width: 100%; height: 500px Если кому понадобится.
6
PHPSID 02.09.18 - 16:37
Лучше всего делать так, как у ютуба
В CSS:

.strah_video_iframe {width: 100%;position: relative;padding-top: 56.25%;}
.strah_video_iframe iframe,
.strah_video_iframe object,
.strah_video_iframe embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

И код плеера обернуть:

<div class="strah_video_iframe">код_плеера</div>


Посмотреть как выглядит можно тут: ссылка
7
PHPSID 02.09.18 - 16:39
Т.е. тут ссылка
Сообщить об ошибке на сайте
 Uppod © 2008–2017       Контактная информация   /  Соглашение  /  Twitter  /  Facebook
Сообщить об ошибке на сайте
Если ошибка относится к плееру, а не сайту, либо Вы хотите получить ответ на вопрос —
лучше написать на форуме