재생 후 html5 비디오 오브젝트 페이드 아웃

Question

랜딩 페이지가 있는데, 배경을 드러내 기 위해 재생이 끝난 후 오브젝트를 페이드 아웃시키는 것입니다. jQuery 또는 다른 방법을 사용하여 <video> 또는 <div> 태그를 페이드 아웃하면 문제가 없습니다.

<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

은 다음을 시도해보십시오

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