TokBox вращает видеоизображение в веб-приложении

Question

Я занимаюсь разработкой приложения для видеоконференций на платформе OpenTok, и у меня возникла проблема с поворотом видеоэкрана.

Предполагая, что на другом конце у меня есть видеозвонок пользователя телефона, он может переключить свой телефон с портрета / пейзажа на пейзаж / портрет. В то же время это приложение для телефона будет отправлять ориентацию по каналу данных, и на сайте я буду соответственно поворачивать видео, используя что-то вроде:

switch (event.data) {
          case 'portrait up':
            video_container.style.transform = 'rotate(0deg)';
            break;
          case 'portrait down':
            video_container.style.transform = 'rotate(180deg)';
            break;
          case 'landscape left':
            video_container.style.transform = 'rotate(270deg)';
            break;
          case 'landscape right':
            video_container.style.transform = 'rotate(90deg)';
            break;
}

Проблема в том, что изображение никогда не использует весь доступный контейнер. Например, в портрете я вижу:

Есть ли простой способ исправить это, не обрезая часть изображения?

Спасибо!