Làm mờ đối tượng video html5 sau khi phát

Question

Tôi có trang đích và tất cả những gì tôi muốn làm là làm mờ dần đối tượng sau khi nó kết thúc phát để hiển thị nền bên dưới. Làm mờ các thẻ <video> hoặc <div> bằng cách sử dụng jQuery hoặc bất kỳ phương pháp nào khác là tốt.

<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

Hãy thử như sau:

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