Videos won't play when rendering into a different document

[spudly]

When rendering into a different document (such as an iframe) using React.createPortal, the brightcove player doesn't work.

I believe this is because it adds the script tags along side the player (inside the iframe) but then when it tries to initialize the player, it expects the script's global variables to be present on the outer document's window object.

Here's a repro:

https://codesandbox.io/s/brightcovereact-player-loader-bug-5i86q?file=/src/App.js