用视频作为页面背景的问题

Question

我准备了三个东西，一个为纯色div背景，一个为视频的第一帧截图，一个为一段视频。

我想的是，若视频无法加载成功，就用截图代替，若截图也无法加载成功就用纯色div来代替。

请教一下，如何实现这个功能，或者说如何抓取视频和截图加载的完成情况状态？

本人小白，烦请大神指教~（最好能上点儿生动的代码，谢谢各位了）