想要在使用视频播放时隐藏视频 jquery 隐藏延迟

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

try

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