HTML 5 Video Görüntüleme Hakkında

Asp.Net MVC 5, JavaScript, Bootstrap, CSS kullanarak bir web sitesi hazırladım.

Sitede yayınladığım videolara reklam giydirmeye çalışıyorum. Tüm videolar küçük boyutlarda yan yana sıralı şekilde dizili olarak görünüyor bir portfolyo gibi. Birden fazla reklam videom olacak diye öngördüm. Her bir reklam her bir videoda ayrı ayrı çalışıyor. Sorunum ise Reklam Kapat butonuna tıkladığımda tüm reklamlar aynı anda kapanıyor. Oysa sadece tıkladığım reklamın kapanmasını istiyorum ben. Nasıl yaparım bununla uğraşıyorum şu an.
Ayrıca eğer cevabı bilen varsa paylaşırsa sevinirim! :)

ENGLISH:

#question #javascript #asp.net mvc

I have videos with foreach from sql and I've added ads to them. When I click the Close Ad button, I just want the video of the clicked video to close. But I couldn't do it. All of the ads on all videos are closing at the same time. I define an id or a number for each one separately. Is there anyone who can help? Thanks in advance.

<script>
    function reklamiKapat() {
        $(".reklamVideom").remove();
    }
</script>
<div class="container">
    <div class="row">
        @foreach (var item in ListvideoGaleri)
        {
            <div class="col-md-4 col-sm-6 col-xs-12" style="margin-top:50px;float:left;">
                <div class="choose-image">
                    <img src="~/img/webinarVideo/@item.Gorsel" />
                    <div class="video-content">
                        <div class="reklamVideom">
                            <a href="https://bit.ly/videocu1" target="_blank"> @*reklam sitesi kısaltma linki*@
                                <video controls muted loop autoplay="autoplay"  preload="auto" playsinline="true" webkit-playsinline="true"  width="350" height="225">
                                    <source type="video/mp4" src="~/img/webinarVideo/@item.VideoLink"> @*reklam filmi oynuyor*@
                                </video>
                            </a>
                            <div onclick="reklamiKapat(); return false;" style="display: block; position: absolute; bottom: 0px; right: 0px; margin: 0px 0px; cursor: pointer; background: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); padding: 8px 16px; font-size: 16px; font-family: Arial, sans-serif; font-weight: bold; z-index: 9999999999;" id="reklamVideomkpt">Reklamı Kapat <span id="reklamVideomsay"></span>
                            </div>
                        </div>
                        <a href="@item.VideoLink" class="video-play vid-zone">
                            <i class="fa fa-play"></i>
                        </a>
                    </div>
                </div><br />
                <h5 style="text-align:center;"><strong>@item.Adi</strong></h5>
                <p>
                    @if (item.Keywords != null)
                    {
                        <strong>Anahtar Kelimeler:</strong> @item.Keywords
                    }
                </p>
                <p><strong>Kategori:</strong> @item.VideoKategori.Adi</p>
            </div>
        }

    </div>
</div>

Final Status - Son Durum:  ERROR!!! 
https://jsfiddle.net/imgvn/9ya3ncf6/#&togetherjs=A5Qee3JNmH