Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Уменьшение плеера на маленьких экранах

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


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

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

Ответил: Gopr


Комментарии пользователей (7)

65uvabit
2

41 | 2

65uvabit - 10 июля 2014 11:04 - Юзер


Gopr
10

494 | 164

Gopr - 10 июля 2014 11:26 - Юзер

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

Gopr
10

494 | 164

Gopr - 10 июля 2014 12:49 - Юзер

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

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


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

65uvabit
2

41 | 2

65uvabit - 10 июля 2014 12:52 - Юзер

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

65uvabit
2

41 | 2

65uvabit - 10 июля 2014 12:57 - Юзер

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

Serik
4

408 | 191

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
50

1599 | 588

FastFud - 10 июля 2014 14:08 - Юзер

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

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

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