animazione css che parte alla fine del video

[neo1976]

ho provato così ma non funziona:

<script>
var vid = document.getElementById("video-bg");
vid.onended = function() {
   $("#card").fadeIn
};
</script>

qualcuno sa dirmi come richiamare la parte dell'animazione in css? credo che l'errore del mio codice sia lì