HTML Code not working in Elementor

I want to use the following conditional logic in the free version of Elementor to show the button only after a user has watched the video for a specific time but it’s not working. Any suggestions?

<script> 
(function($) { 
$(document).ready(function() { 
var $video = $('#my-video'); 
$video.on('timeupdate', function() { 
var $button = $('#my-button'); 
if ($(this).get(0).currentTime >= 10000) { 
$button.show(); 
} else { 
$button.hide(); 
} 
}); 
}); 
})(jQuery); 
</script>