For your paste & copy pleasure the jQuery solution:
<video width="320" height="240">
<source src="https://stackoverflow.com/questions/14517639/movie.mp4" type="video/mp4">
</video>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>/*<![CDATA[*/
$(document).ready(function(){
$('video').on('ended',function(){
console.log('Video has ended!');
});
});
/*]]>*/</script>Replace the 'video'-part with the correct selector for your video.
EDIT: Here is the solution without jQuery:
<video width="320" height="240">
<source src="https://stackoverflow.com/questions/14517639/movie.mp4" type="video/mp4">
</video>
<script>/*<![CDATA[*/
document.querySelector('video').addEventListener('ended',function(){
console.log('Video has ended!');
}, false);
/*]]>*/</script>Replace the 'video'-part with the correct selector for your video.