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

[@peykgroup2364]

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

[@ekinyalgintr]

Teşekkürler 🙂

[@oguzhanay8843]

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

[@ekinyalgintr]

Eyv, çok teşekkürler. 🙂

[@Aleynafalan]

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

[@liberty5366]

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

[@ekinyalgintr]

Çok teşekkürler.

[@mutlumersinli9413]

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

[@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

[@fqsqd]

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

[@sadsasdsadssdadf8008]

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😊😊

[@benimaktar5590]

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 ?

[@batuhan5769]

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]

width:100%; height:100vh;

[@yagmurtozan6340]

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

[@Lava-dr4si]

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

[@ahmtprc]

tek kelime ile mükemmel bir anlatım

[@dogan55aaaa]

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

[@batuhanfelan]

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

[@ba.20]

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

[@hacofreed9865]

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

[@murat-l3h]

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]

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

[@murat-l3h]

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

[@Pikaron01]

Çok faydalı oldu teşekkürler

[@h4ckthor]

Güzel Anlatım : )

[@kaanbabey]

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

[@EyüpselimÇiftci]

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

[@SonsuzGeriyeDonus]

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]

background kelimesi yanlış yazılmış.

[@SonsuzGeriyeDonus]

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

[@ekinyalgintr]

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

[@user-nx7xk5uy6s]

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

[@denizboral2369]

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

[@volkanatalay779]

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]

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

[@volkanatalay779]

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

[@christina4114]

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]

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.

[@gameofpvp2812]

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]

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

[@gameofpvp2812]

@@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]

@@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]

@@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]

@@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.

[@emrecansoylu1781]

videoyu nerden buldun hocam

[@ekinyalgintr]

Pexels videodan olabilir.

[@baywarlow1976]

.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]

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

[@gokuturkey]

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

[@ekinyalgintr]

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

[@gokuturkey]

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

[@FratCelik0]

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

[@FratCelik0]

Yolu nasıl bulucam yani.

[@ekinyalgintr]

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]

@@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 ?

[@murat-l3h]

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

[@ekinyalgintr]

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;

[@selahattinmentes5509]

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]

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

[@hamzaayar]

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

[@ekinyalgintr]

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

[@melihavsar4115]

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

[@ekinyalgintr]

VS Code.

[@ruzgartoprak603]

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

[@nonstop.az_social]

Tesekkurler.

[@ismailaticilar8294]

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

[@omereryuksel9288]

bunun üzerine buton nasıl ekleyebilirim acaba

[@ekinyalgintr]

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

[@poyrazmedia3201]

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

[@ekinyalgintr]

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

[@kaminari8076]

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

[@ekinyalgintr]

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

[@merterene]

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

[@ekinyalgintr]

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

[@merterene]

@@ekinyalgintr çoktaaan

[@yasinbeyazl4635]

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

[@yasinbeyazl4635]

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

[@ekinyalgintr]

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

[@dailycsgoclip]

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

[@ekinyalgintr]

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

[@dailycsgoclip]

@@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.]

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

[@ekinyalgintr]

Soldaki Visual Studio Code, sağdaki Chrome.

[@EfeK.]

@@ekinyalgintr teşekkürler

[@burakkaraca0]

Hocam video indirme linkini atarmısın

[@ekinyalgintr]

www.pexels.com/videos/

[@ryzel6047]

eyw