Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Уменьшение плеера на маленьких экранах

Уменьшение плеера на маленьких экранах


     10.07.2014    плеер    Общие вопросы, Шаблоны (TPL), Стили (CSS)    3043

вопрос
Здравствуйте!
Нужна помощь, когда делаю окно браузера меньше сайт адаптируется под этот размер, но видео обрезываеться как это исправить. Шаблон на Bootstrap 3
Уменьшение плеера на маленьких экранах

Ответил: Gopr


7 комментариев

65uvabit
Юзер

65uvabit - 10 июля 2014 11:04 -


Gopr
Юзер

Gopr - 10 июля 2014 11:26 -

***Комментарий удален***

Gopr
Юзер

Gopr - 10 июля 2014 12:49 -

Просто вставить в css

embed,
iframe,
object,
video {
max-width: 100%;
}


И все плееры будут как "столбы" чем уже экран тем длиннее "столб"...

65uvabit
Юзер

65uvabit - 10 июля 2014 12:52 -

ахаха да я это заметил сейчас.

65uvabit
Юзер

65uvabit - 10 июля 2014 12:57 -

а нет кстати, когда включаешь стандартный html5 плеер dle видео уменьшается со всех сторон ВОТ ССЫЛКА

Serik
Местный

Serik - 10 июля 2014 13:35 -

<div class="video">
    <iframe src="тут-код-видео"frameborder="0">
</div>


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


взято с хабра

СПАСИБО надо тыкать в кнопку!

FastFud
Юзер

FastFud - 10 июля 2014 14:08 -

@media (max-width:1000px){
.video iframe,  
.video object,  
.video embed {
max-width: 100%;
}
}
Больше информации тут

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх