React中的视频标签的onError处理程序,带有服务器端呈现

时间:2017-11-08 08:17:01

标签: javascript reactjs video html5-video serverside-rendering

React中的应用程序代码

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

问题

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

我的尝试

  1. 标签会有类似的问题,但可以通过检查img元素的“完整”属性来解决,例如this answer,但视频没有基于MDN document的相应属性。< / p>

  2. HTMLVideoElement存在'error'属性,但是当我使用它时,即使视频标记的src不正确,其值也始终为null。

  3. 我还尝试使用HTMLVideoElement的'readyState'和'networkState',但是这两个对于识别视频src的加载是否有错误还是尚未初始化没有帮助。

  4. 你们中的任何一个遇到过同样的情况并解决了吗?提前感谢您的帮助和想法!

0 个答案:

没有答案