TAM EKRAN VİDEO ARKA PLAN Yapımı (Kodlarla Birlikte) HTML ve CSS

Поделиться
HTML-код
  • Опубликовано: 21 дек 2024

Комментарии • 92

  • @peykgroup2364
    @peykgroup2364 4 года назад +4

    Kardeşim sen nasıl bir bilgi birikimidir böyle inanılmazsın
    valla tebrikler

  • @oguzhanay8843
    @oguzhanay8843 4 года назад +4

    Hocam kısa bir sürede en güzel bu şekilde anlatılabilirdi maşAllahınız var.

  • @data-u9k
    @data-u9k Год назад

    selam videon iyiydi ama bi konda sorm olucak videonun onatilmasi icin ne yapiyorsunuz mesala bir kulanci siteye giris yadi diyelim bi video var onun uzerine basdinda yeni bi sayfada video onatma kismi acliyor onu nasil yapiyorla ben onu sormak isdiyorum tessekurler

  • @mutlumersinli9413
    @mutlumersinli9413 2 года назад

    hocam bu konu ile ilgili ne başarılı içerik olmuş. Çok Teşekkürler..

  • @benimaktar5590
    @benimaktar5590 17 дней назад

    ustam benim 2 tane videoyu ardı ardına döngü olacak şekilde oynatmanasıl yapabilirim. yani video 1 ve video 2 sırayla döngü şeklinde oynayacak yardımcı olurmusun ?

  • @liberty5366
    @liberty5366 4 года назад

    Teşekkür ederim.Ses tonu anlatış sadeliği de çok iyi.

  • @fqsqd
    @fqsqd 2 года назад

    Hocam baya öğretici şekilde açıklamışsınız teşekkürler

  • @hacofreed9865
    @hacofreed9865 Год назад

    bunu cs 6 da nasıl yapıyopruz yanı kodsuz kullanım anlamında hocam tesekkurlr

  • @yagmurtozan6340
    @yagmurtozan6340 3 года назад +1

    bir projemde yardımcı olur musunuz rica etsem? bu arka plan videosunun üzerine resim eklemek istiyorum

  • @Lava-dr4si
    @Lava-dr4si Год назад

    Hocam peki ya Arkaplan videosu Sesli olsun istiyorsak??
    O zaman ne yapmam gerekiyor, mutedi sildigimde oynamiyor video

  • @Aleynafalan
    @Aleynafalan 3 года назад

    hocam cidden harika ötesi birisiniz. Allah sizden razı olsun

  • @kaanbabey
    @kaanbabey Год назад

    hocam video telefonda donuk çıkıyor nasıl yapılır bilgin varmı?

  • @dogan55aaaa
    @dogan55aaaa 3 года назад

    hocam merhaba bende bir web tabanlı bir program var kiosklarda kullanıyoruz kişiler var üstüne tıklayınca anılarını anlatıyor kişi. program üzerinde yani tarayıcıda oynattığım zaman video takılıyor ama program dosyaları içinde kendi videosunu bulup açınca takılmıyor yani tarayıcıda oynatırken takılıyor bu sorunu nasıl aşabiliriz

  • @ba.20
    @ba.20 2 года назад

    hocam ben videomu tam ekran yaptığımda videom kıvrışık deniliyor sanırım video canlılığını koruyarak büyültmek istiyorum ne yapabilirim

  • @batuhan5769
    @batuhan5769 3 года назад +1

    videonun altında bir çizgi var ve scroll çubuğu çıkıyor. o çizgiyi yok edip videonun ekrana tam sığmasını istiyorum. scroll çıkıyor ki ekranı aşmış video. nasıl yaparız?

    • @enes20200
      @enes20200 Год назад +1

      width:100%;
      height:100vh;

  • @sadsasdsadssdadf8008
    @sadsasdsadssdadf8008 4 года назад +1

    hocam hero id sinin içindeki video nun css kısmında background-position :relative ; olmalı ben absolute yapmıştım ekrana gelmedi ama relative yaptığımda ortaya geldi yazılar😊😊

  • @batuhanfelan
    @batuhanfelan 3 года назад

    eyvallah çok teşekkürler stajıma faydası olacak inşallah :)

  • @EyüpselimÇiftci
    @EyüpselimÇiftci Год назад

    çok başarılı, teşekkür ederim.

  • @Pikaron01
    @Pikaron01 2 года назад

    Çok faydalı oldu teşekkürler

  • @user-nx7xk5uy6s
    @user-nx7xk5uy6s 2 года назад

    hocam localhost bağlanmayı reddetti. hatasını alıyorum ne yapmam gerek?

  • @h4ckthor
    @h4ckthor 3 года назад +2

    Güzel Anlatım : )

  • @ahmtprc
    @ahmtprc 3 года назад

    tek kelime ile mükemmel bir anlatım

  • @denizboral2369
    @denizboral2369 11 месяцев назад

    çok yardımcı oldu teşekkürler

  • @SonsuzGeriyeDonus
    @SonsuzGeriyeDonus 3 года назад +1

    merhaba bi konuda kotu takıldım bloggerin orjinal temasını kullanmadım başka tema buldum tema sorunum çözuldu
    sayfada emanet gibi duruyor
    html e bunu ekledim videodaki
    #hero video{
    height:100vh;
    width:100%;
    backgraund-position:absolute;
    z-index:10;
    object-fit:cover;

    }
    siyah duruyor bi etkisi yok
    bana tam ekran xml uyumlu kodu paylaşırmısın ve nereye eklenecek

    • @ekinyalgintr
      @ekinyalgintr  3 года назад

      background kelimesi yanlış yazılmış.

    • @SonsuzGeriyeDonus
      @SonsuzGeriyeDonus 3 года назад

      @@ekinyalgintr olmuyor büyümedi yardımın için teşekürler

    • @ekinyalgintr
      @ekinyalgintr  3 года назад +1

      @@SonsuzGeriyeDonus Videodaki gibi olması için neyi nereye koyacağınızı bilmeniz gerekir maalesef. Kolay gelsin.

  • @christina4114
    @christina4114 7 месяцев назад

    Abi eskiden tam ekran gözüküyordu ama şimdi ekranımın yanlarında beyaz şeritler var
    boyutlarına kadar verdim ama yinede tam ekran olmuyor ne yapmalıyım?

    • @ekinyalgintr
      @ekinyalgintr  7 месяцев назад

      Videonun tam ekran gözükmemesi genellikle CSS'deki stil ayarlarından kaynaklanır. CSS dosyanızda video elementi için width: 100%, height: 100% ve object-fit: cover; özelliklerini ayarlayarak videonun ekranı tam olarak kaplamasını sağlayabilirsiniz. Sorunu tam olarak çözmek için kodlarının incelenmesi gerekir.

  • @murat-l3h
    @murat-l3h 7 месяцев назад

    Hocam anlattığınız şeylerden güzel bir index sayfası yaptım. çok da güzel oldu, sıra geldi diğer fonksiyonlara... soru cevaplı bişeyler yapsak iyi olurdu. forum siteniz falan yok mu?

    • @ekinyalgintr
      @ekinyalgintr  7 месяцев назад +1

      Maalesef şu an forum sitem yok. Sormak istediğiniz soruları bu videoların altına yazabilirsiniz.

    • @murat-l3h
      @murat-l3h 6 месяцев назад

      @@ekinyalgintr mobilde açınca aşağıda boşluk oluşuyor

  • @emrecansoylu1781
    @emrecansoylu1781 3 года назад +1

    videoyu nerden buldun hocam

  • @gokuturkey
    @gokuturkey 11 месяцев назад

    video etiketini yalnızca biçiminde yazsak sakıncası olur mu?

    • @ekinyalgintr
      @ekinyalgintr  11 месяцев назад

      Çalışıyorsa sorun olmayacaktır. 👌

    • @gokuturkey
      @gokuturkey 11 месяцев назад

      çalışıyor, teşekkür ederim. @@ekinyalgintr

  • @gameofpvp2812
    @gameofpvp2812 2 года назад

    merhaba hocam bir sorum olucaktı bende weptabanlı bir oyun var google uzerinden veya setuplu bir şekilde oynanıyor asıl sorum şu oyunun giriş ve kaydol kısmı bolumundeki formu yazısı ve şeklini deyiştirmek istiyorum nasıl yapa bilirim yardımcı olursanız cok sevinirim teşekkürler...

    • @ekinyalgintr
      @ekinyalgintr  2 года назад

      Oyunu yapanlarla iletişime geçebilirsiniz. Onlar hakimdir muhtemelen.

    • @gameofpvp2812
      @gameofpvp2812 2 года назад

      @@ekinyalgintr oyun sayfasını yapan arkadaş ulaşmak imkansız bişii net atmış yani isim dair yok hocam ben ana sayfasına giriş yasyfasına ekliyorum resmi yalnız arka plana tam kaplıyıcak şekilde olmuyor veya ekledigimde sol üst koşede kucuk resim olarak kalıyor tam olarak kod anlamadıgımdan dolayı kod videoları izliyorum onla ilgili videolar bulmaya calışıyorum ama nette bullamıyorum

    • @ekinyalgintr
      @ekinyalgintr  2 года назад

      @@gameofpvp2812 Hangi dili kullanıyorsa sistem, onun dilinin temellerini öğrenmek için en az birkaç ay üzerinde çalışmalısınız. Ya da bilen birilerinden destek alabilirsiniz. Ama böyle yanlış kelimeler yazar, devrik cümleler kurar ve noktalama işaretleri kullanmazsanız derdinizi anlatmakta zorlanırsınız.

    • @gameofpvp2812
      @gameofpvp2812 2 года назад

      @@ekinyalgintr sizin bana yardımcı ola biliceginizi düşünüyorum hocam lütfen bu konuda bana yardımcı olun veya bir video yapın hazır bir sayfanın bozulmadan arka plan değiştirme yönelik bir video çekerseniz çok sevinirim anlatimlariniz gayet güzel videolar için teşekkür ederim...

    • @ekinyalgintr
      @ekinyalgintr  2 года назад

      @@gameofpvp2812 Maalesef böyle bir video çekemem. Yemeğe tuz nasıl katılır gibi bir konu bu. CSS background araştırması yapabilirsiniz.

  • @murat-l3h
    @murat-l3h 7 месяцев назад

    her açılışta videonun değişmesini istiyorum hocam, nasıl yapacağız

    • @ekinyalgintr
      @ekinyalgintr  7 месяцев назад +1

      Videonun her açılışta değişmesi için bir video listesi oluşturup, sayfa yüklendiğinde rastgele bir video seçilmesini sağlayabilirsiniz. Denemek lazım tabii.
      const videos = [
      'video1.mp4',
      'video2.mp4',
      'video3.mp4'
      ];
      const randomVideo = videos[Math.floor(Math.random() * videos.length)];
      document.getElementById('bgVideo').src = randomVideo;

  • @hamzaayar
    @hamzaayar 2 года назад

    HOCAM BIDE VİDEO BUYUTLARI NE KAÇA KAÇ YAPALIM

    • @ekinyalgintr
      @ekinyalgintr  2 года назад

      16:9 formatları uygundur, 1920 x 1080 px gibi veya oranlı daha düşük çözünürlükleri.

  • @selahattinmentes5509
    @selahattinmentes5509 3 года назад

    baskanım acıklamada yonlendırdıgın web sayfasında bulunan kodlarla buraya yazdıgın kodlar arasında farklılık gorunuyor neden buraya yazdıgını vermedın

    • @ekinyalgintr
      @ekinyalgintr  3 года назад

      Gereksiz kodları koymadım kalabalık olmaması için. Temel düzeyde bilgi birikimi olanlar için bu video.

  • @FratCelik0
    @FratCelik0 4 года назад

    Abi kodların videoyu bulabilmesi için videoyu nereye atabilirim, Desktop/video.mp4 Falan onu nasıl yapacağım ?

    • @FratCelik0
      @FratCelik0 4 года назад

      Yolu nasıl bulucam yani.

    • @ekinyalgintr
      @ekinyalgintr  4 года назад

      Videoyu, HTML dosyası ile aynı klasöre atarsan videoismi.mp4 diyebilirsin. Videoyu dikkatle izlediğinde html dosyasının video ile aynı klasörde olduğunu görebilirsin.

    • @FratCelik0
      @FratCelik0 4 года назад

      @@ekinyalgintr Abi herşeyi halletim ancak NAVBARımda açılır NAVBAR var, Açılacak NAVBAR Videonun altında kalıyor ne yapsam üzerine çıkaramadım. Yardım edermisin ?

  • @ruzgartoprak603
    @ruzgartoprak603 3 года назад

    Merhaba video gerçekten çok başarılı bir konuda yardımınıza ihtiyacım var. Bu hazırladığımız kod ile bir geri sayım sayacının kodunu birleştirmem gerekiyor yardımcı olur musunuz? Web sitesine eklemek için

  • @omereryuksel9288
    @omereryuksel9288 2 года назад

    bunun üzerine buton nasıl ekleyebilirim acaba

    • @ekinyalgintr
      @ekinyalgintr  2 года назад

      a etiketi ile ekleyebilirsiniz ancak HTML CSS bilginizin olması gerek.

  • @volkanatalay779
    @volkanatalay779 2 года назад

    Hocam anlatımlarınız harika, yeni başlayanlar için bu kodları wordpress içinde siteye nasıl gömeriz. ilgili video gelirmi gelse 4x4 olur gerçekten.

    • @ekinyalgintr
      @ekinyalgintr  2 года назад +1

      Tema dosyalarına kodları ekleyebilmek gerekir. front-page.php'ye mesela.

    • @volkanatalay779
      @volkanatalay779 2 года назад

      @@ekinyalgintr sanırım evet teşekkür ederim hocam

  • @baywarlow1976
    @baywarlow1976 3 года назад

    .conteiner classını html de oluşturuyoruz ama onunla ilgili birşey css de yapmıyoruz biraz gereksiz bir ayrıntı olmuş gibi burda

    • @ekinyalgintr
      @ekinyalgintr  3 года назад

      :) El alışkanlığı diyelim. Container önemli bir class'tır normalde.

  • @nonstop.az_social
    @nonstop.az_social Год назад

    Tesekkurler.

  • @melihavsar4115
    @melihavsar4115 4 года назад

    hocam kullandığınız program nedir acaba?

  • @ismailaticilar8294
    @ismailaticilar8294 Год назад

    eklediğim arka planı mobilde çalıştıramadım

  • @merterene
    @merterene 4 года назад

    reis arka plan sesli olsun istiyorum ama yapamıyorum kodu bilmiyorum yardımcı olur musun

    • @ekinyalgintr
      @ekinyalgintr  4 года назад

      HTML kodlarında "muted" kelimesini çıkarıp denedin mi?

    • @merterene
      @merterene 4 года назад

      @@ekinyalgintr çoktaaan

    • @yasinbeyazl4635
      @yasinbeyazl4635 4 года назад

      @@ekinyalgintr ben de denedim olmadı, sesi açabilsem çok guzel olacak yardımcı olabilirseniz çok sevinirim.

    • @yasinbeyazl4635
      @yasinbeyazl4635 4 года назад

      istersen video tagının içine controls ekle isteyen sesi açabilir durdurabilir ...

    • @ekinyalgintr
      @ekinyalgintr  4 года назад +1

      @@yasinbeyazl4635 HTML kodlarındaki "muted" kelimesini çıkarırsanız sesli olur.

  • @dailycsgoclip
    @dailycsgoclip 4 года назад

    Hocam videoyu sesli otomatik loopa almayı bir türlü başaramadım

    • @ekinyalgintr
      @ekinyalgintr  4 года назад

      Muted videoyu sessiz oynatır, silerseniz video da sesliyse sesli oynatır.

    • @dailycsgoclip
      @dailycsgoclip 4 года назад

      @@ekinyalgintr öyle olmuyor abi çoğu browser 2018de güncelleme getirmiş autoplay için. Yani ya sessiz oynatıcaksın videoyu ya da controller falan ekliceksin

  • @EfeK.
    @EfeK. 4 года назад

    kullandığın programın adı ne acaba ?

    • @ekinyalgintr
      @ekinyalgintr  4 года назад +2

      Soldaki Visual Studio Code, sağdaki Chrome.

    • @EfeK.
      @EfeK. 4 года назад +1

      @@ekinyalgintr teşekkürler

  • @burakkaraca0
    @burakkaraca0 4 года назад

    Hocam video indirme linkini atarmısın

  • @poyrazmedia3201
    @poyrazmedia3201 2 года назад

    buradaki kodlar ile sayfadaki kodlar farklı keşke kaynak kodlarını paylaşssaydınız

    • @ekinyalgintr
      @ekinyalgintr  2 года назад

      Önemli olan kodlar var, sayfanın tamamını eklemem çok gerekli değil. Tekrar kontrol edin.

  • @kaminari8076
    @kaminari8076 3 года назад

    Aynısını yapıyorum ve bir şey olmuyor neden?

    • @ekinyalgintr
      @ekinyalgintr  3 года назад

      Gözden kaçan bir yer var demek ki.

  • @ryzel6047
    @ryzel6047 3 года назад

    eyw