For AI agents: the complete documentation index is available at /1.x/llms.txt, the full documentation bundle is available at /1.x/llms-full.txt, and this page is available as Markdown at /1.x/guide/usage/custom-webview-player.md.
  • English
  • 1.x
  • Custom WebView Player

    Use @react-native-youtube-bridge/web when you need to host your own external player page.

    npm install @react-native-youtube-bridge/web
    import { YoutubePlayer } from '@react-native-youtube-bridge/web';
    
    function CustomPlayerPage() {
      return <YoutubePlayer />;
    }
    
    export default CustomPlayerPage;

    Then pass the hosted URL from the native app:

    <YoutubePlayer
      source="AbZH7XWDW_k"
      useInlineHtml={false}
      webViewUrl="https://your-custom-player.com"
    />