首页 > 解决方案 > 使用 url 加载视频标签时获取 net::ERR_HTTP2_PROTOCOL_ERROR

问题描述

ir71fyvt5ltkxntpahpb.mp4:1 加载资源失败:net::ERR_HTTP2_PROTOCOL_ERROR

列表:1 GET https://res.cloudinary.com/sandy59/video/upload/v1617774459/videos/ir71fyvt5ltkxntpahpb.mp4 net::ERR_HTTP2_PROTOCOL_ERROR 206

我正在使用带有 cloudinary 的 MERN 堆栈来存储视频。

<video height="250px" width="250px" onMouseOver={(e)=>this.handleMouseover(e,index)} onMouseOut={(e)=>this.handlemouseout(e,index)} poster={data.imageurl} 
                            onCanPlay={   
                            (e)=>this.handlecan(e,index)

                        } muted="muted" loop preload="auto" onError={console.log("error occureed",index)}>
                             <source src={data.videourl} type="video/mp4"/>
                             Your browser does not support the video tag.
                        </video>

我正在使用上面的代码使用 url 从 cloudinary 网站获取视频,但有时某些视频会出现上述错误并且视频无法加载。为什么会这样?如何重试失败的视频标签?

标签: reactjsmongodbvideo-streamingmerncloudinary

解决方案


推荐阅读