Jquery 播放后淡出html5视频对象

我有一个登录页，我想做的就是在它播放完后淡出对象，以显示下面的背景。使用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>

尝试以下操作：

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

---

太好了，谢谢。这也可以使用animate来保持块元素的完整性：$（'#video video'）.bind（'end'，function（）{$（This）.parent（）.animate（{opacity:0}，3000）；}）非常简单！