带有服务器端渲染的React中视频标签的onError处理程序

Question

React中的应用程序代码

<video
  ref={(input) => { this.video = input; }}
  onError={this.onError}
>
  <source src="https://xxx.mp4" type="video/mp4" />
</video>

问题

在进行服务器端渲染时，如果视频src的加载早于onError附加到视频DOM上，则即使发生任何错误也不会调用onError。

我的尝试

1. 标签将具有类似的问题，但是可以通过检查img元素的“ complete”属性来解决，例如此答案，但是视频没有基于MDN文档的相应属性。

2. HTMLVideoElement有一个'error'属性，但是当我使用它时，即使video标签的src不正确，其值也始终为null。

3. 我也尝试使用HTMLVideoElement的“ readyState”和“ networkState”，但是这两个方法无法帮助您识别video src的加载是否错误或尚未初始化。

你们中有人遇到过同样的情况并解决了吗？预先感谢您的帮助和想法！