【HTML5・Video】スマホで横画面にした際の動画のリサイズ

Question

こんばんは。
HTML5とplyrというプラグインを使用し、カスタム動画プレイヤーを作成しています。

困っているのが、スマホを横に回転した際の動画のリサイズ処理です。
縦の場合の処理は、widthを100%、heightをautoにしており、画面いっぱいにして高さについては
自動で伸縮しているようにしています。
この状態では、動画は上下左辺ともに元の動画が見切れずに正常に表示されます。

しかしながら、スマホを横にした場合、このままだとスマホのデバイスサイズやブラウザによっては、動画の下がトリミングされ見切れてしまいます。
その上で、現在の考えとしては、

1. 回転し、横画面になったという判定をする
2. 横画面になった際のブラウザのhegithを取得し、動画プレイヤー自体の高さを変更する

※スクロールさせなくても動画プレイヤー全体を画面内に収めたいため
3. ２で取得したheightを基準にして動画をいっぱいに表示する。heightは見きれないようにし、widthについては画面からはみ出さないようにさせてheightに応じてアスペクト比を保ち自動で伸縮する

といったような処理です。
しかしながら、3の処理方法がわかりません。
どのようにすればよいか、指針や参考リンク、コードなどお知らせいただけると助かります。

宜しくお願いいたします。