TokBox在Web应用程序中旋转视频图像

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;
}

这个问题是图像永远不会使用所有可用的容器。例如，我看到的是肖像：

有没有简单的方法来解决这个问题而不切断部分图像？

谢谢！