如何在React Native中将来自JSON数据的视频嵌入WebView中？

Question

您好，我正在尝试将视频嵌入到react native的WebView中。视频的网址将从json响应中获取。但是当我尝试以下操作时，出现此错误

以下是我的代码

 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

                    })

                );

.....
....
 <View style={{ flex: 1, padding: 10 }}>

                        <WebView
                            source={{ uri: this.state.section }}
                            javaScriptEnabled={true}
                        />
                    </View>

json响应如下

{
    "data": {
        "id": 8631,
        "post_title": "Video Unit 1",
        "post_content": "</p>\n",
        "vedio_url": [
            "xxxxxx"       ]
    }
}

请帮助我找到解决方案。任何帮助都是非常感激的。谢谢。