Reactjs 无法在react native的webview中加载视频

我无法加载从react native中的

WebView

中的json数据获取的视频。当我给出一个静态url时，我会得到一个视频加载，但没有内容。当我用youtube视频查看它时，它就来了。请帮帮我，这件事我已经坚持了好几天了。请以下是我的代码：

反应代码

 fetch(GLOBAL.VIDEO_URL + this.props.navigation.state.params.id, {
                method: 'GET',
                headers: {
                    'Authorization': token
                }
            })
                .then((response) => response.json())
                .then((responseData) =>
                    this.setState({
                        section: responseData.data.video_url[0]

                    })

                );

<WebView
                            source={{ baseUrl: '', html: this.state.section }}
                            javaScriptEnabled={true}
                        />

fetch（GLOBAL.VIDEO\u URL+this.props.navigation.state.params.id{
方法：“GET”，
标题：{
“授权”：令牌
}
})
.then（（response）=>response.json（））
.然后（（响应数据）=>
这是我的国家({
部分：responseData.data.video_url[0]
})
);

当我尝试上述操作时，我得到以下错误：。但当我尝试使用youtube url时，效果很好。下面是我从服务器获取的api

json

{
    "data": {
        "id": 8631,
        "post_title": "Video Unit 1",
        "post_content": "</p>\n",
        "vedio_url": [
            "https://indianeconomy-lms.s3.ap-south-1.amazonaws.com/what.mp4?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAISUKXIZNZMXWED5Q%2F20190131%2Fap-south-1%2Fs3%2Faws4_request&X-Amz-Date=20190131T100607Z&X-Amz-SignedHeaders=host&X-Amz-Expires=300&X-Amz-Signature=cbbc13281f92b771e6b10ae83fd9d18768caa63e9fe808c392bad71e8f610607"
        ]
    }
}

{
“数据”：{
“id”：8631，
“post_标题”：“视频单元1”，
“发布内容”：“
\n”，
“视频url”：[
"https://indianeconomy-lms.s3.ap-south-1.amazonaws.com/what.mp4?X-Amz-Content-Sha256=无符号有效载荷&X-Amz-Algorithm=AWS4-HMAC-Sha256&X-Amz-Credential=AKIAISUKXIZNZMXWED5Q%2F20190131%2Fap-south-1%2Fs3%2Faws4_请求&X-Amz-Date=20190131T100607Z&X-Amz-SignedHeaders=host&X-Amz-Expires=300&X-Amz-Signature=CBBC13281F92B771E6BE83FD9D18768CAA63E808c392bad71e8f610607“
]
}
}

---

请提供帮助。

1-使用webview上面的条件，如

this.state.section !== null && <WebView />

this.state.section！==空&&

2-youtube视频似乎运行良好，因为youtube URL是可访问的。 当您使用JSON对象获取视频的URL时，URL需要访问内容的凭据

---

上面的URL给出了拒绝访问的错误，这就是问题所在

当我在

源

组件中给出静态URL时，效果很好。但是当我这样给出

时，我得到了上面的错误。那么如何在webview中给出json数据呢？请在webview上使用上面的条件，确保该部分不为空，然后呈现当节为URL时的webview我在控制台

this.state.section

时得到结果。问题是当我试图在

WebView

的

html

prop中提供json数据时，还有其他方法吗？