再生後に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() 
})