2016-12-01 3 views
0

私がページにいるとき、ビデオは見えて、好きなように再生されます。私がそれを押すと、私はpresentFullscreenPlayer()という機能を呼び出し、私はまだそれを聞くことができる間にビデオが消えます。反応ネイティブビデオでフルスクリーン表示しようとするとビデオが消える

ビデオ:

<TouchableHighlight style={styles.video} onPress={() => this.player.presentFullscreenPlayer()}> 
    <View> 
    <Video source={video} // Can be a URL or a local file. 
      ref={ref => this.player = ref} // Store reference 
      rate={1.0}      // 0 is paused, 1 is normal. 
      volume={1.0}     // 0 is muted, 1 is normal. 
      muted={false}     // Mutes the audio entirely. 
      paused={true}     // Pauses playback entirely. 
      resizeMode="cover"    // Fill the whole screen at aspect ratio. 
      repeat={false}     // Repeat forever. 
      playInBackground={false}  // Audio continues to play when app entering background. 
      playWhenInactive={false}  // [iOS] Video continues to play when control or notification center are shown. 
      progressUpdateInterval={250.0} // [iOS] Interval to fire onProgress (default to ~250ms) 
      onLoadStart={this.loadStart} // Callback when video starts to load 
      onLoad={() => { 
         this.player.seek(10); 
         }}  // Callback when video loads 
      onProgress={this.setTime}  // Callback every ~250ms with currentTime 
      onEnd={this.onEnd}    // Callback when playback finishes 
      onError={this.videoError}  // Callback when video cannot be loaded 
      style={styles.locatieVideo} /> 
    </View> 
</TouchableHighlight> 

私は私のスタイリングが間違っているかもしれないと思うが、私はそれをどうするかについてはよく分かりません。

スタイリング:

locatieVideo:{ 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    width: 250, 
    height: 200, 
    zIndex: 501, 
    }, 
    video:{ 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    bottom: 0, 
    zIndex: 500, 
    }, 

はEDIT:

私もそれはフルスクリーンを取得ん気づいたが、それは、背景画像の後ろにとどまります。このページは、反応ネイティブルータフラックスで作成されたモーダルです。それとは何か関係がありますか?

答えて

0

明らかに、機能this.player.presentFullscreenPlayer()はAndroidではサポートされていません。

関連する問題