想要通过延迟使用jquery hide来播放视频

Question

我在使用我想要的代码时遇到了一些问题。

我有一个视频播放，如果我按回车键，使用捕鼠器等等，我将在下面的代码中显示。我希望视频在jquery延迟和淡出时结束时淡出，但它似乎没有用。

这是我的代码：

Mousetrap.bind('enter', function () {
    document.getElementById('starting').click()
}); 

和

function playPause() {
     var myVideo = document.getElementsByTagName('video')[0];
     if (myVideo.paused)
         myVideo.play();
     else
         myVideo.pause();
}

这是我的html代码：

<video id="delete" src="app/filmer/takeoff.mp4" width="1366" height="768"></video>

<a id="starting" href="javascript:playPause();"></a>

这就是我尝试淡出视频的方式：

$('#starting').click( function() {
    $('#delete').delay(5000).fadeOut();
});

当我按回车键时视频开始，但它没有淡出，为什么会这样？我无法弄清楚我做错了什么。

Answer 1

试

$('#delete').bind('ended', function() {
   $(this).fadeOut();
});