Media Player JS Error

5 posts, 0 answers
  1. Marc
    Marc avatar
    171 posts
    Member since:
    Sep 2016

    Posted 05 Jul 2018 Link to this post

    We have a media player which gives the following error: (the media player works but the console error is annoying)

     

    www-widgetapi.js:99 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided (xxxx) does not match the recipient window's origin (yyyyy)

     

    Is there some configuration I can change to enable this? The xxxx url is a youtube url with https at the begining

     

    Thanks!

  2. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 09 Jul 2018 Link to this post

    Hello Marc,

    This error comes from the YouTube API, which is requested internally by the MediaPlayer widget. The error is usually observed if you are loading the YouTube video over http as compared to https. Could you confirm if this is the case on your side? Are you loading the page with the MediaPlayer over https? If not, try loading it over https and let us know if the message is still there.

    Regards,
    Tsvetina
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Marc
    Marc avatar
    171 posts
    Member since:
    Sep 2016

    Posted 09 Jul 2018 in reply to Tsvetina Link to this post

    Hello

    Yes the URL has https at the beginning.

  4. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 11 Jul 2018 Link to this post

    Hi Marc,

    I tried this in the MediaPlayer demos and the error is actually seen there, too. I forwarded it to the development team and they will investigate the cause of the error in the demos. We will post again in this thread when we have more information.

    Regards,
    Tsvetina
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Angel Petrov
    Admin
    Angel Petrov avatar
    1102 posts

    Posted 12 Jul 2018 Link to this post

    Hi Marc,

    As my colleague Tsvetina mentioned the problem lies in the Google API. I have researched for possible solution but most of these suggest passing additional parameters when initializing the YouTube player. However our code currently does not expose a way to pass the parameters. That said the only way is to override one of our internal methods which is not recommended. Moreover it is not 100 sure that adding these parameters will resolve the matter as some of the times I was not able to reproduce the error when loading the video. 

    Since the problem lies in the Google API actually fallback I am not sure that you will experience problems such as stopping the video or preventing it from playing. If however such occur we will provide the necessary override for the part which initializes the player.

    Regards,
    Angel Petrov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top