我面对视频has no proptype for native proprctvideo.onvideoaudiobecomingnoisy of native typebool`反应原生af球员
在android中它的工作很好的问题发生在IOS平台上
非常感谢您的帮助.谢谢
return (
<View style={styles.container}>
<View>
<Video
onFullScreen={status => this.onFullScreen(status)}
fullScreenOnly={true}
placeholder={placeholder}
//url={videoUrl}
url={detailedWorkout.videoLink}
rotateToFullScreen={true}
theme={theme}
volume={1}
/>
</View>
{content}
</View>
);
Run Code Online (Sandbox Code Playgroud)
我需要创建一个适用Text于整个应用程序中每个组件的自定义字体。
有没有办法在 React Native 中全局设置字体?
*本机视频
我尝试过,在某些android手机中不起作用。ISO工作正常。
*我是本机玩家,我尝试了这一操作,并且在与android.IOS的配合中工作正常
*我试图通过检测移动平台来切换播放器,但由于AF播放器基于本机视频创建,因此无法执行,因此只能使用。
任何人都可以建议一个优秀的视频播放器来响应本机。
react-native“:” 0.54.2 react-native-af-video-player“:” 0.2.1 react-native-video“:” 3.1.0
非常感谢!!
我在我的项目中使用 react native video 来播放视频相关的东西。我需要做的是在链接加载到视频播放器之前获取持续时间?在设计中,它需要在转到视频播放器之前显示视频持续时间。我们可以存档吗?有人可以建议这样做的方法吗?我可以在将视频加载到视频播放器后获取持续时间。将发布播放器代码供您参考
<TouchableOpacity
style={styles.videoView}
onPress={this.playOrPauseVideo.bind(this, paused)}>
<Video
ref={videoPlayer => this.videoPlayer = videoPlayer}
onEnd={this.onVideoEnd.bind(this)}
onLoad={this.onVideoLoad.bind(this)}
onProgress={this.onProgress.bind(this)}
source={{ uri: this.props.detailedWorkout.videoLink }}
paused={paused}
volume={Math.max(Math.min(1, volume), 0)}
resizeMode="none"
style={Platform.OS === "android" ? styles.videoContainerAndroid : styles.videoContainerIOS} />
{paused &&
<View style={styles.pauseImageWrapper}>
<Image style={styles.videoIcon} source={Platform.OS === "android" ? PlayOne : PlayTwo} />
</View>
}
</TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)
感谢您的帮助
我试图使用React Native Video播放全屏视频,如何在Android和iOS上全屏播放视频?在横向模式下,我使用了transform:[{rotate:'90deg'}],它可以工作,但在android中,视频屏幕处于拉伸状态。非常感谢您的帮助。
这是我的代码
return (
<View onLayout={this.onLayout.bind(this)} style={styles.fullScreen} key={this.state.key}>
<View style={styles.backButtonWrapper}>
<TouchableOpacity onPress={() => this.props.navigation.goBack()}>
<Image source={Share} />
</TouchableOpacity>
</View>
<TouchableOpacity
style={styles.videoView}
onPress={this.playOrPauseVideo.bind(this, paused)}>
<Video
ref={videoPlayer => this.videoPlayer = videoPlayer}
onEnd={this.onVideoEnd.bind(this)}
onLoad={this.onVideoLoad.bind(this)}
onProgress={this.onProgress.bind(this)}
source={{ uri: this.props.detailedWorkout.videoLink }}
paused={paused}
volume={Math.max(Math.min(1, volume), 0)}
resizeMode="none"
style={styles.videoContainer} />
{paused &&
<View style={styles.pauseImageWrapper}>
<Image style={styles.videoIcon} source={PlayButton} />
</View>
}
</TouchableOpacity>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1
},
backgroundVideo: {
position: 'absolute',
top: 0,
left: 0,
bottom: 0,
right: 0, …Run Code Online (Sandbox Code Playgroud)