Make custom code block (video) into clickthrough

Hello

How do I make the custom code block - the block which is autoplaying a video from Vimeo - into a button that clicks through to a chosen URL?
https://www.simoneaves.com/testy

This is the code I have - in the block - so far...

<div id="clickable-div" style="position: relative; width: 500px; height: 280px; overflow: hidden; border-radius: 10px; cursor: pointer;">
  <iframe src="https://player.vimeo.com/video/726095855?badge=0&amp;autoplay=1&amp;autopause=0&amp;loop=1&amp;player_id=0&amp;app_id=58479&background=1&muted=1" style="width: 100%; height: 100%;" frameborder="0" allow="autoplay; picture-in-picture" title="GHOST CAR - SEX - GRADED FINAL - 422HQ" allowfullscreen controls="0"></iframe>
</div>

<script>
  document.getElementById('clickable-div').addEventListener('click', function() {
    window.open('https://www.google.com/search', '_blank');
  });
</script>

Cheers!

@tuanphan - I bet you know 🙂

Use this new code

<div id="clickable-div" style="position: relative; width: 500px; height: 280px; overflow: hidden; border-radius: 10px; cursor: pointer;">
  <iframe src="https://player.vimeo.com/video/726095855?badge=0&amp;autoplay=1&amp;autopause=0&amp;loop=1&amp;player_id=0&amp;app_id=58479&background=1&muted=1" style="width: 100%; height: 100%;" frameborder="0" allow="autoplay; picture-in-picture" title="GHOST CAR - SEX - GRADED FINAL - 422HQ" allowfullscreen controls="0"></iframe>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$("#clickable-div").click(function() {
			var link = $(this).text(),
				href = "https://www.google.com/search";
			window.location.href=href;
		});
});
</script>