Intégrer la vidéo sur youtube dans Webview de Réagir Natif

Je suis en train de lire des vidéos Youtube en de réagir natif android/ios app. J'ai défini une webview:

               <WebView
                    style={styles.frame}
                    url={this.props.url}
                    renderLoading={this.renderLoading}
                    renderError={this.renderError}
                    automaticallyAdjustContentInsets={false}
                />

Et en passant l'url de la vidéo que je veux jouer:

this.navigate('Play', 'https://www.youtube.com/watch?v=RJa4kG1N3d0')

Mais cela affiche l'ensemble de la page youtube dans la webview, y compris la section des commentaires.

Intégrer la vidéo sur youtube dans Webview de Réagir Natif

Je veux afficher uniquement la section vidéo et pas le commentaire section. Est-il quelque chose qui manque dans l'url?

juste un commentaire, Google bloquera votre application si sa lecture de vidéos en dehors de youtube.
Assurez-vous que votre vidéo en Android ne veut pas continuer à jouer en arrière-plan lorsque vous verrouillez l'appareil. Sinon, l'application sera rejeté à partir du Google Play Store.

OriginalL'auteur triandicAnt | 2016-07-01

  1. 12

    La façon la plus simple pour intégrer YouTube dans le Réagir Natif de l'appareil iOS est l'utilisation de la <WebView>. Tout ce que vous devez faire est de remplacer watch?v= avec embed. Cela ne fonctionne pas avec Android.

    Exemple:

    <WebView
        style={{flex:1}}
        javaScriptEnabled={true}
        source={{uri: 'https://www.youtube.com/embed/ZZ5LpwO-An4?rel=0&autoplay=0&showinfo=0&controls=0'}}
/>
    De travail pour moi dans les deux émulateur android et périphérique (htc desire), juste à l'aide de flex n'a pas de travail. (a spécifier la hauteur et la largeur)
    Mon application a été rejeté à partir du Google Play store à l'aide de cette méthode, voir ici pour des solutions de rechange -- stackoverflow.com/questions/36382935

    OriginalL'auteur vincent mathew

  2. 3

    Je pense que vous pouvez charger le code html à partir de youtube avec la vidéo, directement dans votre réagissent natif webview. Plutôt que de naviguer à une url que vous feriez à la place de l'attribut source de la WebView dans votre code html, comme ceci:

    <WebView source={{ html: "HTML here" }} 
.../>

    basé sur ce débordement de pile post décrivant comment charger un youtube iframe dans un normal webview android vous pouvez remplacer "HTML ici" par le code html afin qu'il ressemblerait à: 

    <WebView source={{ html: "<html><body>Look Ma' a video! <br /> <iframe width="560" height="315" src="https://www.youtube.com/embed/RJa4kG1N3d0" frameborder="0" allowfullscreen></iframe></body></html>" }} 
.../>

    Vous pouvez obtenir les directions pour aller le incorporer le lien d'une vidéo sur youtube ici.

    Ne fonctionne pas pour moi

    OriginalL'auteur Dr. Nitpick

  3. 0

    Ce code a fonctionné pour moi 

    <WebView
        style={{ marginTop: 20, width: 320, height: 230 }}
        javaScriptEnabled={true}
        domStorageEnabled={true}
        source={{ uri: "https://www.youtube.com/embed/-ZZPOXn6_9w" }}
      />

    OriginalL'auteur Nick.K