justinmahar / react-social-media-embed

📰 Easily embed social media posts from Facebook, Instagram, LinkedIn, Pinterest, TikTok, X (Twitter), and YouTube in React.
https://justinmahar.github.io/react-social-media-embed/
MIT License
215 stars 30 forks source link

XEmbed not working #72

Closed tkentdna closed 5 months ago

tkentdna commented 5 months ago

It appears that XEmbed is not working, including in the demo. I merely see the image below with the spinner continuously spinning.

image

justinmahar commented 5 months ago

Hey @tkentdna!

Tried this on my end both on iOS in Chrome, and macOS in Safari, Chrome, and Brave, and it's properly embedding on my end. Sometimes this kind of issue can be caused by a browser extension, or the browser itself (i.e. Brave), blocking the embed script from loading.

Would love more info -- Which OS? Which browser are you using? Do you have an ad blocker running? Does it work in an incognito tab?

This is the link to the demo: https://justinmahar.github.io/react-social-media-embed/?path=/story/embeds-xembed--main-example

tkentdna commented 5 months ago

Thanks for your quick response, Justin!

I'm using Windows 11 and the Microsoft Edge browser Version 123.0.2420.81, and the XEmbed examples will not display for me, including in an InPrivate session (Incognito in Chrome). However, in trying Chrome Version 123.0.6312.106, the examples display fine, including in an Incognito window. Since Edge is based on Chrome, I assumed there should be no issues running it in Edge (but I guess I was wrong!).

Using the debugger console in Chrome, I see the following warning: Third-party cookie will be blocked. Learn more in the Issues tab. (react-social-media-embed/:1 )

Using the debugger console in Edge, I see the following warning: Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.

tkentdna commented 5 months ago

I figured out the problem in Microsoft Edge. "Tracking Prevention" was enabled in the Edge browser at the strictest level ("Strict"). Easing that setting to "Balanced" or "Basic" allows X embeds to work fine.

justinmahar commented 5 months ago

Awesome, thanks for posting an update here! Might help others running into the same issue.

Closing this for now

Cheers