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:

<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