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