Can't pass existing player to Vimeo.Player constructor if it's inside of other iframe

Hi!

I have an application that serves Vimeo videos as advertising through DoubleClick For Publishers. So I have the Doubleclick’s iframe and inside of it the Vimeo’s iframe.

I know that this is a rare case, but I need some help… It seems that the Vimeo.Player constructor doesn’t accept an element that is inside of other iframe. The player.js returns this error message:

You must pass either a valid element or a valid id.

Here is a fiddle that reproduces the error.

To make this error reproducible, I had to create another fiddle with just the Vimeo’s iframe and use it on the <iframe> tag of the first fiddle. I know that this is confusing, but feel free to ask anything.

Thanks!

[acusti]

@bdougherty We’ve been trying to use the Vimeo player for HTML elements inside an iframe, though in our case, the iframe is actually just a separate rendering target that we use to isolate styles and support multiple visible selections in different browsing contexts (via react-frame-component).

I made a PR (#180) that modifies the isDomElement check discussed in this thread to make it work across iframes and modifies the message addEventListener/attachEvent listeners to be attached to the relative window object of the player’s root HTML element rather than the global window object.

Those changes make the player and its controls work, at least for our setup.

[Nidheeshnj]

I am also facing exactly the same issue. Is there any resolution for the same?