Настройка opentok реагирует на видео, чтобы использовать всю высоту окружающего div

Question

Я использую https://www.npmjs.com/package/opentok-react в своем приложении и создаю издателя и подписчика в div.Это css:

#videos {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: -100;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    //min-height: 720px;
    //margin-left: auto;
    //margin-right: auto;
}
#subscriber {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
#publisher {
    position: absolute;
    width: 360px;
    height: 240px;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    border: 3px solid white;
    border-radius: 3px;
}

Проблема в том, что когда я передаю подписчику компонент реквизиты width 100% и height 100%, он не подчиняется, он не выполняет то, что я ожидаю.Я ожидаю, что он будет использовать полную высоту и ширину div с селектором идентификатора #subscriber.Однако это не так.Вместо этого, если я передаю реквизиты как значение px, это работает.Как я могу просто сделать так, чтобы компонент видео подписчика соответствовал размеру контейнера div в процентах?

Answer 1

TokBox Developer Evangelist здесь.

При создании издателей и подписчиков библиотека Opentok-React назначает классы OTPublisherContainer и OTSubscriberContainer для элементов DOM, поэтому, пожалуйста, используйте их длястиль для издателя и подписчиков соответственно.Вы можете увидеть это в коде библиотеки здесь:

• OTPublisher
• OTSubscriber

I 'Мы также пошли дальше и подали проблему в репо , чтобы улучшить документацию по стайлингу.