A component dynamically loads a video address, which takes a long time to load every time the video is played, but it can be loaded quickly by entering the address in the browser

after obtaining the video address, put it in src= {videoUrl} here

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>
        )
    }

how can I speed up the loading of video

Apr.05,2021
Menu