Siteye Youtube Video Ekleme (iframe Kodu İle)

Blog sitenize veya herhangi bir siteye video eklemek isteyebilirsiniz. Siteye video eklerken en çok kullanılan yöntem, video önce youtube’a yüklenir daha sonra ise videonun iframe kodu Html sayfasına eklenir. Böylece sunucumuzda ki depolama alanında da tasarruf sağlamış oluruz. İşte bu yazımızda siteye youtube video ekleme nasıl yapılır onu öğreneceğiz. 

Siteye youtube video ekleme işlemini iframe kodunu kullanarak yapıyoruz. Eğer iframe konusunda daha fazla bilgi almak isterseniz Html iframe Nedir? iframe Kullanımı ve iframe Kodu yazımı okuyabilirsiniz. 

Adım Adım Siteye Youtube Video Ekleme

Sayfamıza bir youtube videosu eklemek istiyorsak sırasıyla şu adımları takip etmemiz gerekiyor.

 1 –  Youtube’dan istediğimiz videonun bulunduğu sayfayı açıyoruz.

 2 –  Açmış olduğumuz videonun altında paylaş linki bulunuyor. Bu linke tıklıyoruz. 

html-youtube-video-ekleme

 3 –  Tıkladıktan sonra gelen ekranda Yerleştir linki bulunuyor. Şimdi de Yerleştir linkine tıklıyoruz.

youtube-video-siteye-ekleme

 4 –  Açılan ekranda videonun iframe kodu bulunuyor. Bu kodu olduğu gibi kopyalayıp Html sayfamıza yapıştırıyoruz.

html-youtube-video-ekleme-nasil-yapilir

Html sayfamızı tarayıcıda görüntülersek, artık eklediğimiz videonun sayfamızda izlenebilir durumda olduğunu göreceksiniz.

 5 –  Gördüğünüz gibi youtube videosu artık sayfamızda izlenebilir durumda.

siteye-youtube-video-ekleme

 Önemli :   Kopyalamış olduğumuz iframe kodu ile gelen varsayılan değerler üzerinde değişiklikler yapabiliriz. 

Kopyaladığımız iframe kodu

  • width : Vereceğimiz değer ile videonun genişliğini ayarlayabiliriz.
  • height : Vereceğimiz değer ile videonun yüksekliğini ayarlayabiliriz.
  • autoplay : Vereceğimiz değer ile videonun otomatik başlamasını sağlayabiliriz.
  • allowfullscreen : Vereceğimiz değer ile videonun tam ekran olma seçeneğini ayarlayabiliriz.
  • frameborder : Vereceğimiz değer ile videonun kenarlığını belirleyebiliriz.

Siteye youtube video ekleme bu şekilde yapılıyor. 

Şu yazılar da ilginizi çekebilir.

Siteye Google Map Ekleme (Harita, Adres, Konum Ekleme)

Html Yönlendirme Kodu (Meta Etiketi ile Yönlendirme)

Umarım sizin için faydalı bir yazı olmuştur. 

Yeni bir yazımda görüşmek üzere.

2 Comments

  1. Murat Orgo Haziran 30, 2019 Reply
    • admin Temmuz 1, 2019

Leave a Reply