bug(@angular/youtube-player): Failed to execute 'postMessage' on 'DOMWindow'

[mbatyra]

Reproduction

I'm using @angular/youtube-player@11.2.13 as lazy loaded component with kendo-dialog. Youtube video is loaded correctly but usually i'm getting error in console before load:

www-widgetapi.js:722 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:8000').

The error appears on localhost and also on production.

Expected Behavior

Youtube video is loaded without error.

Environment

• Angular: 11.2.14
• CDK/Material: 11.2.13
• @angular/youtube-player: 11.2.13
• Browser(s): Chrome 90.0.4430.212
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

[crisbeto]

I've seen this occasionally in our dev app as well, but I don't think that we can do much about it since it comes from YouTube's code that's isolated inside of the iframe.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}