Youtube URL embed_not_allowed Error

[aposto]

An error occurs in a specific video.
Its address is a 'NznZsidSq8s';

I tried putting 'Origin' as an argument, but I still get an embed_not_allowed error.

[LonelyCpp]

hey, the base URL is not exposed in v1.4.0. Point the package to the master branch in your package.json, then specifying baseUrl

(more info here - #89)

[aposto]

Thank you so much for your quick feedback.

But, Your solution doesn't work.
Even the normal video is not rendered on the screen at all. Have you ever tried it yourself?

  "react-native-youtube-iframe": "https://github.com/lonelyCpp/react-native-youtube-iframe#master"

  webViewProps={{
        source: { baseUrl: "https://youtube.com" },
  }}

hey, the base URL is not exposed in v1.4.0. Point the package to the master branch in your package.json, then specifying baseUrl

(more info here - #89)

[LonelyCpp]

Yo, I'm sorry. This was not fully tested (hence not already on a release).

It seems like adding baseUrl fixes the problem for android, but completely breaks on iOS. I don't see a solid fix for this yet.

[ahmadysalah]

Thanks for u r efforts here, I am asking for this either have the same error. so can I add my API key in any way using this fantastic component, ???

[LonelyCpp]

@ahmadysalah the iframe API doesn't have options to pass in API keys unfortunately. :(

[aposto]

https://github.com/hmhv/YoutubePlayer-in-WKWebView/blob/master/WKYTPlayerView/WKYTPlayerView.bundle/Assets/YTPlayerView-iframe-player.html

This is the html of the 'https://github.com/hmhv/YoutubePlayer-in-WKWebView' used in 'react native youtube'

Anything that could help?

[ahmadysalah]

Thanks @aposto and @LonelyCpp, so i cant send my api key as props to the component,
I still have the same error with some embeded vides. Or u prefere create player from scratch

[ahmadysalah]

it's worked, thanks @aposto 👍

[nteguziejko]

So what you ended up doing @ahmadysalah? I have the same issue :(

[ahmadysalah]

Thank you so much for your quick feedback.

But, Your solution doesn't work.
Even the normal video is not rendered on the screen at all. Have you ever tried it yourself?

  "react-native-youtube-iframe": "https://github.com/lonelyCpp/react-native-youtube-iframe#master"

  webViewProps={{
        source: { baseUrl: "https://youtube.com" },
  }}

hey, the base URL is not exposed in v1.4.0. Point the package to the master branch in your package.json, then specifying baseUrl
(more info here - #89)

add this repo link instead of version of this module
and add source youtube as iframe params, 💯

[nteguziejko]

Thanks @ahmadysalah, though it's still not working. This solution works for android but not for IOS. If I use webview prop then it is not rendering on ios at all - if I don't use it I have video thumbnail but video itself is unavailable ...

[ahmadysalah]

i face this problem either, for couble of day, so @LonelyCpp is there any update on repo?

[LonelyCpp]

This is a bug from react-native-webview - react-native-webview/react-native-webview#517. Fixing that would be out of scope here.

Although I'm trying some alternate options to get it to work by loading a script from a hosted server. No promises tho 😕

[ahmadysalah]

I here about that eather they need some help there , so its not effect in production right now it can be wait. Thanks for u r help.

I dont know if expo use another web view module in there core as i saw in expo documentation before, so i prefere if we can implement ifram and test it.