Youtube videos are not loading due to CORS policy.

[xeroticikot]

Local videos are showing just fine. But youtube videos are not loading. Below is the console error.

Access to video at 'https://www.youtube.com/watch?v=F68hWJNujbM' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

www.youtube.com/watch?v=F68hWJNujbM:1          GET https://www.youtube.com/watch?v=F68hWJNujbM net::ERR_FAILED 200

Implementation code given below -

<Player>
    <DefaultUi>
        <Video crossOrigin="{window.location.host}" poster="{poster ? poster : ''}">
            <source data-src="{source}" />
        </Video>
    </DefaultUi>
</Player>

[seenickcode]

Was there any fix for this?

[vladdancer]

Have you tried to remove crossOrigin property?