Исчезновение видеообъекта html5 после воспроизведения

У меня есть целевая страница, и все, что я хочу сделать, это затемнить объект после того, как он закончит воспроизведение, чтобы показать фон под ним. Можно скрыть теги <video>или <div>с помощью jQuery или любого другого метода.

<div id="video">
<video width="100%" height="auto" autoplay="autoplay">
  <source src="monarch.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="monarch.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
</div>