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

А он должен быть резиновым и меняться на разных экранах, плеер адаптируется под эти размеры.
2
demsdems 27.08.18 - 12:44
Хороший ответ.
И как это прописать? Сделать.
3
support 27.08.18 - 12:47
В процентах
4
demsdems 27.08.18 - 12:48
Щя попробую
5
demsdems 27.08.18 - 12:53
Теперь понял спасибо! Получилось. Сделал так width: 100%; height: 500px Если кому понадобится.
6
PHPSID 02.09.18 - 18: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 - 18:39
Т.е. тут ссылка
Сообщить об ошибке на сайте
 Uppod © 2008–2020
Сообщить об ошибке на сайте
Если ошибка относится к плееру, а не сайту, либо Вы хотите получить ответ на вопрос —
лучше написать на форуме