Этот проект закрыт, воспользуйтесь новым плеером
playerjs.com
Вход
Логин
Пароль
Восстановить
Собрать плеер
Документация
Форум
Войти
Помощь
Описание
JavaScript API
Скины
Настройки
←
Форум
/
Вопросы
/ Плеер не трасформер!
На мелких мобильных устройствах видно только пол плеера, то есть взять смартфон 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
Т.е. тут
ссылка
(
ответить
)
Оставить комментарий
RSS темы Вопросы
/
RSS комментариев
Сообщить об ошибке на сайте
Uppod
© 2008–2020
Сообщить об ошибке на сайте
Если ошибка относится к плееру, а не сайту, либо Вы хотите получить ответ на вопрос —
лучше
написать на форуме
А он должен быть резиновым и меняться на разных экранах, плеер адаптируется под эти размеры.
И как это прописать? Сделать.
В 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>
Посмотреть как выглядит можно тут: