Skip to content

Sign in to confirm you're not a bot #357

@ilchoTaleski

Description

@ilchoTaleski

Describe the bug
I am using react-native-youtube-iframe in my react native mobile app and up until now I had no issues embedding youtube videos. We had iOS app released at first and just two months ago we released the android app, as well. Now, one user complained about not being able to watch the videos on the app. They got the message: Sign in to confirm you are not a bot.

Here is part of my code using the library:

import YoutubePlayer from 'react-native-youtube-iframe';

...

<YoutubePlayer
    height={hProp || videoHeight}
    width={wProp || videoWidth}
    play={playing}
    videoId={videoYoutubeId}
    onChangeState={handleStateChange}
    ref={playerRef}
    onReady={handleReady}
    initialPlayerParams={{
        rel: false,
    }}
/>

This is how I am extracting the videoId from the youtube link (the youtube links are fetched from my database)

const videoYoutubeId = getSearchParamFromURL(
    video.youtubeLink,
    'v'
);

And this is the function:

export const getSearchParamFromURL = (url, param) => {
    const include = url.includes(param);

    if (!include) return null;

    const params = url.split(/([&,?,=])/);
    const index = params.indexOf(param);
    const value = params[index + 2];
    return value;
};

To Reproduce
I cannot reproduce the behaviour. Based on user report, they cannot access any of the videos that are on the app. It is working for iOS devices and currently we have only one user that reported this issue on their android device.

Screenshots
This is what they sent to us:
462549510_1605449763342599_8145747988130672576_n

Smartphone:

  • Device: Galaxy A54 5G
  • OS + version: Android 13
  • react-native-youtube-iframe version: ^2.3.0
  • react-native-webview version: ^13.3.1

I would really need to fix this issue, since users are subscribed and paying to watch videos on the app.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions