React Native: встроенный iframe для YouTube с элементами управления качеством видео в веб-представлении

Question

Я пытаюсь загрузить несколько видео YouTube в одном компоненте. Я бы попробовал реагировать-родной-YouTube . Но они не могут загружать несколько экземпляров в одном и том же представлении, поэтому это не работает для меня. Поэтому я решил пойти с реакции-native-webview.

То, что я пробовал, это

  < View style={styles.container} >
       <WebView
          originWhitelist={['*']}
          scrollEnabled={false}
          scalesPageToFit={true}
          allowsFullscreenVideo={true}
          mixedContentMode={"always"}
          startInLoadingState={true}
          allowsInlineMediaPlayback={false}
          mediaPlaybackRequiresUserAction={true}
          javaScriptEnabled={true}
          source={
            {
              // uri: this.props.youtubeEmbbedLink
              html: html
            }
          }
        />
  </View >

константа HTML имеет этот код внутри тега тела

  <iframe id="existing-iframe-example"
    width="100%" height="100%"
    src="https://www.youtube.com/embed/${videoId}?enablejsapi=1"
    frameborder="0"
   ></iframe>

  <script type="text/javascript">
    var tag = document.createElement('script');
    tag.id = 'iframe-demo';
    tag.src = 'https://www.youtube.com/iframe_api';
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;
    function onYouTubeIframeAPIReady() {
      player = new YT.Player('existing-iframe-example'
      });
    }

  </script> 

Воспроизведение видео, но в HTML-плеере. Мне нужен плеер YouTube со значком YouTube, элементами управления с качеством видео и другими настройками.

Любая помощь будет отличной. Заранее спасибо.