小编Thi*_*ara的帖子

React原生af-video-player给出了没有proptype

我面对视频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)

问题

video react-native

9
推荐指数
0
解决办法
650
查看次数

有没有办法在 React Native 中全局设置字体?

我需要创建一个适用Text于整个应用程序中每个组件的自定义字体。

有没有办法在 React Native 中全局设置字体?

hybrid-mobile-app react-native

5
推荐指数
3
解决办法
1万
查看次数

在本机播放视频的最佳视频播放器

*本机视频
我尝试过,在某些android手机中不起作用。ISO工作正常。

*我是本机玩家,我尝试了这一操作,并且在与android.IOS的配合中工作正常

*我试图通过检测移动平台来切换播放器,但由于AF播放器基于本机视频创建,因此无法执行,因此只能使用。

任何人都可以建议一个优秀的视频播放器来响应本机。

react-native“:” 0.54.2 react-native-af-video-player“:” 0.2.1 react-native-video“:” 3.1.0

非常感谢!!

hybrid-mobile-app react-native react-native-video

5
推荐指数
0
解决办法
1万
查看次数

反应原生视频播放器持续时间

我在我的项目中使用 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)

感谢您的帮助

video duration react-native

5
推荐指数
0
解决办法
2579
查看次数

如何在全屏React-Native Android中播放视频

我试图使用React Native Video播放全屏视频,如何在Android和iOS上全屏播放视频?在横向模式下,我使用了transform:[{rotate:'90deg'}],它可以工作,但在android中,视频屏幕处于拉伸状态。非常感谢您的帮助。
android中的屏幕截图 iOS截图 这是我的代码

    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)

video react-native

2
推荐指数
2
解决办法
4373
查看次数