Responsive video gets cut off when using full screen API on parent element

I have a situation where I have the player wrapped in a parent div that the user can toggle full screen on, as in, not by using the fullscreen button in the player itself. This is so that other elements can be included in fullscreen mode. The lib I'm using for this is [https://www.npmjs.com/package/react-full-screen](https://www.npmjs.com/package/react-full-screen).

The problem is that the aspect ratio doesn't get updated correctly which results in the video getting cut off on large screens.

It looks to be because of the `padding-top` on the iframe wrapper div.

react-full-screen によって制御される親要素にプレイヤーを配置して問題を再現し、フルスクリーン中の iframe wrapper の padding-top の挙動を調査します。親要素がフルスクリーンになる際に、responsive video が正しいアスペクト比を維持し、大きな画面で切り取られなければ完了です。

索引モデルが issue の本文から書いたものです。