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.

Riproduci il problema posizionando il player in un elemento padre controllato da react-full-screen, quindi esamina il comportamento di padding-top del wrapper dell’iframe durante la modalità a schermo intero. Il lavoro è completato quando il video responsive mantiene il corretto rapporto d’aspetto e non viene tagliato sugli schermi grandi quando l’elemento padre entra in modalità a schermo intero.

Scritto dal modello di indicizzazione a partire dal testo della issue.