オープニング動画（mp4)を再生後に、videoをフェードアウトしたい。

Question

下記のサイトを参考に作ってみたところ、ビデオの再生はされますがフェードアウトしてくれません。。
https://www.366service.com/jp/qa/3fae281d463b9c4310c10ff8d3f5493c

動画の再生時間で切り替える方法がよく紹介されていますが、ビデオが終了したら切り替えられる方がベターと思っています。
詳しい方よろしくお願いいたします。m(_ _)m

<div class="c-welcome">
<div class="c-welcome__img">
<video width="100%" height="auto" autoplay muted>
<source src="top_logo.mp4">
</video>
</div>
</div>

<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js' id='jquery-js'></script>
<spript>
$(function(){
$('c-welcome__img video').bind('ended', function(){
$('.c-welcome').fadeOut(1000);
});
});
</script>

Answer 1

jquery3 で bind は廃止されたと思います。
onメソッドに書き換えてみてはいかがでしょうか。

Comments

[yytop]

そうだったのですね、ありがとうございます！
結局videoのやり方ではうまくいかず、GIFアニメの秒数で切り替える方式にしました。
$(function(){
setTimeout(function(){
$('.c-welcome').fadeOut();
},5000);//約5秒数後
});
リロードすると正確な秒数でなくなるのか、おかしな動きしてしまいますが。。