Html

Web Sayfalarına Youtube Videolarını Ekleme

Youtube, günümüzde video ambarı olarak kullanılan bir platformdur. Bu platformu kullanan kişilerin sayısı gün geçtikçe artmaktadır. Gerek para kazandırması gerekse ünlü yapması gerekse sunucularının hızlı ve güvenli çalışması nedeniyle yediden yetmiş yediye tüm insanların mutlaka uğradığı bir yer haline gelmiştir.

Bu makalemizde Youtube videolarının web sayfalarında nasıl kullanılacağı anlatılacaktır. Öncelikle Youtube videosuna ait embed kodunun kopyalanması gerekir. Embed kodu almak için şu aşamalar kullanılmaktadır.

YouTube web sitesine girilir.

Örneğin Youtube arama bölümüne web programlama yazıp aratalım.

Çıkan sonuçlardan dilediğiniz video üzerine tıklayabilirsiniz.

Ardından açılan sayfada video altında “PAYLAŞ” linki çıkacaktır. Üzerine tıklıyoruz.

Açılan kutucuğun üzerinde “YERLEŞTİR” adlı linkin üzerine tıklıyoruz.

Önümüzde açılan pencere üzerinden sol tarafta video sağ tarafta ise Video Embed Kodu olduğunu göreceksiniz.

Videonun özelliklerini sağ taraftan belirleyebilirsiniz.

Video kodunu açılan pencerenin sağ en alt köşesinde “KOPYALA” linkine basarak da alabilirsiniz. Aynı zamanda “Embed Video” yazan başlığın altından da alabilirsiniz.

Aşağıdaki gibi bir kodu sitenizdeki HTML bölümündeki ilgili yere yerleştirmeniz gerekmektedir.

<iframe width="560" height="315" src="https://www.youtube.com/embed/HvlHsmRgQ2k?control=0&autoplay=1" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

YouTube videosunu almışken Embed kodu özelliklerinden de bahsedelim.

Youtube üzerinden alınan embed kodu üzerinde bir takım değişikler yaparak videonun sesini kapatma belirli bir saniyeden başlatma gibi özellikler yapabilirsiniz. Bu özellik kodlarını aşağıda sizlerle paylaşalım.

width=”560”              : Videonun genişliği anlamına gelmektedir.

height=”315”             : Videonun uzunluğu anlamına gelmektedir.

control=0                   : Durdur, başlat vs butonların gösterip gizlemek için kullanılır.

autoplay=1                : Videonun otomatik başlaması için yazılır.

rel=0                          : İlişkili videoların çıkmaması için kullanılır.


İlgili Makaleler
Web Sayfalarına Youtube Videolarını Ekleme
Visual Studio 2022 Programında Takımlarımızın Uefa Avrupa Ligi Maç Özetlerini Gösteren Web Sayfası Uygulaması
Cimbomun Yer Aldığı 2023 Uefa Şampiyonlar Ligi A Grubundaki Takımları Table Etiketiyle Gösterimi
Web Tabanlı Uygulama Geliştirme Dersi Birinci Dönem Birinci Yazılı Çalışma Soruları
TrendYol 2024 - 2025 Süper Lig Fikstür Çekimini Yapan BootStrap Html Uygulaması-1
Form Bloğu İçinde Kullanılan Button Etiketi ve Özellikleri
Form Bloğu İçinde Form ve Veri Giriş Özellikleri
Kara Kartalın Yer Aldığı 2023 Uefa Konferans Ligi D Grubundaki Takımların Div Etiketiyle Gösterimi
Failed to load resource: the server responded with a status of favicon.ico 404 (Not Found) Hatasını Düzeltme
2022 Katar Dünya Kupasında Belirlenen Grupları Liste Etiketini Kullanarak Web Sayfasında Görüntüleme
2022 Katar Dünya Kupasında Belirlenen Grupları Table Etiketini Kullanarak Web Sayfasında Görüntüleme
Cimbomun Yer Aldığı 2023 Uefa Şampiyonlar Ligi A Grubundaki Takımların Div Etiketiyle Gösterimi
Form Bloğu İçinde Kullanılan Seçim Listesi Etiketleri ve Özellikleri
Form Bloğu İçinde Kullanılan Progress Etiketi ve Özellikleri
Form Bloğu İçinde Kullanılan Input Etiketi ve Özellikleri
Birden Fazla Tanımlanan Div Etiketlerini Aynı Sütunda Gösterme İşlemi Nasıl Yapılır
Form Bloğu İçinde Kullanılan fieldset ve legend Etiketleri
Form Bloğu İçinde Kullanılan TextArea Etiketi ve Özellikleri
Form Elemanlarını Kullanarak Web Sayfasında Kayıt Formu Tasarımı
Web Sayfasında Tablo Etiketini Kullanarak Sözleşme Form Tasarımı Yapma

Yorum Ekle
   
Kötü
İyi