Desvanecimiento del objeto de video html5 después de jugar

Question

Tengo una página de inicio y todo lo que quiero hacer es atenuar el objeto una vez que termina de reproducir para revelar el fondo debajo. Atenuar las etiquetas <video> o <div> usando jQuery o cualquier otro método está bien.

<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> 

Answer 1

intente lo siguiente:

$('#video video').bind('ended', function(){ 
    $(this).parent().fadeOut() 
})