当视频html5结束时淡入图标

Question

我试图在视频播放结束时淡出图标，但什么也没有。

HTML

<video>
    <source src="">
</video>
<div class="icon"></div>

第一次尝试

$("video").on("ended", function() { 
       $(".icon").fadeIn;
});

第二次尝试

$('video').parent().on("ended", function() {
    if($(this).children("video").get(0).paused) { 
        $(this).children(".icon").fadeIn();
    }
});

实际上具有onclick事件正常运行

$("video").parent().on("click", function() {         
        $(this).children(".icon").fadeToggle(); 
});

Answer 1

您可以尝试这种方式：