リアクションネイティブアプリでFacebookの動画を埋め込む

Question

react-nativeアプリで一般公開されたFacebookの動画を埋め込むことはできますか？

可能であれば、私はいくつかの他のタイプのビデオ埋め込みに使用しているものの、<WebView>コンポーネントを使用する必要があると信じていますが、Facebookの埋め込みは異なります。私たちは、Webクライアント上でそれを達成しているが、私はreact-nativeに再作成するかどうかはわかりませんそれにはいくつかのDOM固有の側面があります。

これは私が他のビデオの種類（例えばヴァイン、Vimeoの）のために正常に使用しているソリューションですが、FBのために、それはちょうどここ

<WebView source={{ uri: 'https://www.facebook.com/TheWitBible/videos/1747642252158297/' }} style={ styles.media } /> 

は、ドキュメントhttps://developers.facebook.com/docs/plugins/embedded-video-player

がここにある画像がAでレンダリングFB SDKコンポーネントが、私はそれが

を動作させるために2つの部分があり、それがWebクライアントではこのユースケース https://github.com/facebook/react-native-fbsdk

をサポートしていないと思います3210

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     xfbml: true, 
     version: 'v2.6' 
    }); 
    }; 
    (function(d, s, id){ 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

............................

render() { 
    return (
     <div ref={el => el && FB && FB.XFBML.parse(el)} className="fb-media-wrapper" style={{ width: this.props.width + 'px' }}> 
     <div className="fb-video" data-href={this.props.url} data-width={this.props.width}></div> 
     </div> 
    ); 
    } 

Answer 1

私はこのことを意味は、私のために完全にうまく働いた

デフォルトでは（iOSの）フルスクリーンでプレイすることを防止する方法

<WebView style={{width:350,height:null}} 
source={{ uri: 'https://www.facebook.com/chris.phillips.56027281/videos/vb.100003747765310/914766415324942?type=2&theater'}} />