jquery hide with delay를 사용하여 비디오를 재생할 때 비디오를 숨기려고합니다.

Question

원하는대로 코드를 작동하는 데 문제가 있습니다.

내가 쥐덫 등을 사용하여 엔터를 누르면 비디오가 재생됩니다. 아래 코드에서 설명하겠습니다. jquery 지연 및 페이드 아웃과 함께 비디오가 페이드 아웃되기를 바랍니다. 그러나 작동하지 않는 것 같습니다.

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

그리고 :이 내 HTML 코드입니다

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

: 여기

내 코드입니다

<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(); 
});