hide a HTML5 video when it finishes playing

script.js

onended="videoEnded()";

// To your video tag, and then just have a function videoEnded() hide the video.
// Or with just a jQuery function… I'm writing this without testing, so hopefully it will work-

$('video').on('ended',function(){ $(this).hide(); });

// Thanks, Ended up getting it working with this:
$('#vid2').hide();
$('#vid1').on('ended',function(){ 
$('#vid2').show();
});