如何在react-native-video组件上显示带有“ content://”标签的视频?

时间:2019-08-21 12:46:08

标签: javascript react-native react-native-video react-native-image-picker

我要显示设备视频库中的视频。我从react-native-image-picker获得响应,包括路径和内容。当我使用内容显示视频时,react-native-video组件什么也没显示。

我尝试过这些代码

RN图像选择器响应here

渲染中的视频组件

1 静态uri

 <Video
            source={{ uri: "content://media/external/video/media/23" }}
            repeat={true}
            style={styles.video}
            resizeMode="cover"
          />

2 静态uri

 <Video
            source={{ uri: "content://media/external/video/media/23" }}
            repeat={true}
            style={styles.video}
            resizeMode="cover"
          />

3

openGallery = () => {
    ImagePicker.launchImageLibrary(options, response => {
      if (response.didCancel) {
        //console.warn("User cancelled image picker");
      } else if (response.error) {
        //console.warn("ImagePicker Error: ", response.error);
      } else {
        this.setState({
          uri: response.uri,
        });
      }
    });
  };

 <Video
            source={{ uri: this.state.uri }}
            repeat={true}
            style={styles.video}
            resizeMode="cover"
          />

我在设备上有一个视频

视频组件什么也没显示。
react-native:0.59.10
react-native-video:^ 4.4.4
react-native-image-picker:^ 0.27.2

1 个答案:

答案 0 :(得分:0)

我认为尚不支持。在正式文件的内容中...

  

某些平台支持以下其他类型,但不支持   完整记录:content://, ms-appx://, ms-appdata://, assets-library://