モーダルで表示する動画の再生位置を開くたびに最初に戻したいです

Question

前提・実現したいこと

モーダルで表示し再生した/している動画を一度閉じてもう一度開いた時に初めから再生するようにしたいです。
サムネイルの画像がクリックされたときに再生位置を0にする、という方法で実現したいのですが変わりません。

動画は3つ並んでいてどの動画を再生してもどれも初めから再生するようにしたいです。

該当のソースコード

	<div class="first">
		<a href="#modal-01">
		<img src="sumnail01.jpg" id="hoge">
		</a>
		
<div class="modal-wrapper" id="modal-01">
	<a href="#!" class="modal-overlay"></a>
		<div class="modal-window">
			<div class="modal-content">
			<video src="aaa.mp4" controls width="100%" id="mv" ></video>
			</div>
			<a href="#!" class="modal-close">×</a>
		</div>
</div>

var media = document.getElementById("mv");

$("#hoge").click(function(){
  media.currentTime = 0;
  media.play();
});

試したこと

https://teratail.com/questions/152646←こちらの回答を参考にしました。