Videolu Slider

Eklemek istediğimiz videoyu önce converted yapıp, dosya menüsünden mp4 videoyu ekliyoruz. Eklemek istediğimiz videonun linkini translate alanında SlideVideoLink 'e yapıştırırsak slider video olarak çalışacak. Eğer SlideVideoLink linki boş ise slider fotoğrafları aktif olarak gelecektir.

<section>
    @{
    string videolink = Partial.Translate("SlideVideoLink", dilk).ToString().ToLower();
    if (!String.IsNullOrEmpty(videolink))
    {
    <section class="videotanitim hidden-xs">
        <video autoplay poster="" id="bgvid" loop="" muted="">
            <source src="@Partial.Translate("SlideVideoLink", dilk)" type="video/mp4">
            @*<source src="@Partial.Translate("SlideVideoWEBM", dilk)" type="video/webm">*@
        </video>
        <div style="cursor: pointer;" id="mute-video"></div>
    </section>
    }
    else {
    <div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="8500" data-pause="false">
        <div class="carousel-inner" role="listbox">
            @{
            int birmi = 1;
            foreach (Slayt sls in Partial.Slaytlar(dilk))
            {
            if (birmi == 1)
            {
            <div class="item active">
                <div class="kilo" style="background-image: url(/Resim/Slayt/@sls.SlaytResim);background-size: cover;">
                    @if (!String.IsNullOrEmpty(sls.SlaytBaslik))
                    {
                    <div class="table-cell-align">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6 col-md-offset-3 text-center mrgtop">
                                    <div class="slidecontent">
                                        <div class="slideicerik">
                                            <h1>@sls.SlaytBaslik</h1>
                                            <p>
                                                @sls.SlaytAciklama
                                            </p>
                                            @if (!String.IsNullOrEmpty(sls.SlaytLink))
                                            {
                                            <a class="btn btn-default slaytbutonu" href="@sls.SlaytLink">
                                                @Partial.Translate("SlaytButon", dilk)
                                            </a>
                                            }
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    }
                </div>
            </div>
            }

            else
            {
            <div class="item">
                <div class="kilo" style="background-image: url(/Resim/Slayt/@sls.SlaytResim);background-size: cover;">
                    @if (!String.IsNullOrEmpty(sls.SlaytBaslik))
                    {
                    <div class="table-cell-align">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6 col-md-offset-3 text-center mrgtop">
                                    <div class="slidecontent">
                                        <div class="slideicerik">
                                            <h1>@sls.SlaytBaslik</h1>
                                            <p>
                                                @sls.SlaytAciklama
                                            </p>
                                            @if (!String.IsNullOrEmpty(sls.SlaytLink))
                                            {
                                            <a class="btn btn-default slaytbutonu" href="@sls.SlaytLink">
                                                @Partial.Translate("SlaytButon", dilk)
                                            </a>
                                            }
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    }
                </div>
            </div>
            }
            birmi++;
            }
            }
        </div>

        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon-chevron-left" aria-hidden="true"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon-chevron-right" aria-hidden="true"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
        </a>
    </div>
    }
    }
</section>

Örnek Yapılan siteler

Rock Stone, Artina Mimarlık, Uğur Halı