一个组件动态加载视频地址，每次播放视频地址都需要加载很久，但是在浏览器输入地址却能很快加载

Question

获取视频地址后，放在src={videoUrl}这里

render(){

        const _self = this;

        let examineTag = _self.state.examineTag;

        let videoShowStyle = {
            float:'left'
        }

        let videoShowStyle2 = {
            float:'left',
            marginLeft: 10
        }

        //let autoPlayVideo = this.props.autoPlayVideo;

        let videoUrl = this.props.videoUrl;

        console.log('弹出框组件接收的 videoUrl = ', videoUrl )

        return (
            <div className={'navigation_div_popup'}>
                <div
                    id="fade"
                    className={'black_overlay_popup'}>
                </div>

                <div
                    id="MyDiv"
                    className={'white_content_popup'}
                >
                    <div
                        className={'close_div_popup'}
                        onClick={()=>{this.props.cancel(0)}}
                    >
                        <div className={'close_button_popup'}> </div>
                    </div>

                    <div className={'video_title_popup'}></div>

                    <div className={'video_content_popup'}>
                        <div className={'fl'}>
                            <video
                                className={'videoShow'}
                                src={videoUrl}
                                ref={'videoShow'}
                                width="1320"
                                height="612"

                            >
                                浏览器不支持，换个新一点的
                            </video>
                        </div>
                    </div>
                </div>
            </div>
        )
    }

请问如何才能加快加载视频的速度