Как задать максимально допустимые размеры?

Question

[vasIvas]

Есть некий angularjs плагин, который называется angular-video-bg.
Он показывает видео. У видео есть свой формат. И вот чтобы это видео показывало на всю ширину я в стилях пишу сто процентную ширину. Но сделать тоже самое для высоты не получается. Вот если заданную высоту написать, в пикселях, то он показывает. а не показывает он наверное из-за того, что сам плагин или само видео не может быть произвольного формата. То есть если указать сто процентную ширину, то не важно какую высоту я напишу в пикселях, плагин или сам тег video подгоняет формат видео.

Я сейчас сяду и буду в коде рассчитывать высоту для все мониторов, но возможно есть способ сделать тоже самое с помощью css? А то я просто вообще его не знаю...

Answer 1

[yoshidamana]

В примере, взятом с гитхаба, присутствует родительский див:

<div class="container" ng-controller="VideoCtrl">
      <video-bg video-id="video.id">
        <h1>angular-video-bg</h1>
      </video-bg>
    </div>

Вы диву задавали стили?

Comments

[vasIvas]

Я что-то Вашего кода не нашел, но я могу сказать вот что. Я обварачиваю тег video-bg в div с классом player-container и уже этому div присваиваю класс css. Так же могу сказать что посмотрев свой код в браузере увидел подтверждение того, что там только то что я и написал. Единственное тег video-bg грузит в себя iframe в котором столько всего, что я передумал показывать это Вам, так как там реально с тысячу строк.

Answer 2

[Алексей Быков]

Если вас интересует именно высота блока в процентах, то, чтобы это работало, нужно задать высоту 100% и всем родительским элементам.

Ну или использовать * {height: 100%;} в начале css (с осторожностью) и уже потом задавать высоту контейнера.

Comments

[vasIvas]

Попробовал сделать и понял что и это не то. Теперь видео становится гигантским. А мне нужно 100% по ширине и 100% по высоте, но такие сто процентов которые были бы в гармонии с шириной. То есть формат чтобы тоже соблюдался. Но такое наверное только в js уже рассчитывать нужно. css же не поможет?

[Алексей Быков]

vasIvas: Так а что вам с высотой-то нужно именно сделать? У автора с дефолтными настройками всё вроде как надо работает. Какая высота нужна?