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.
3 – Tıkladıktan sonra gelen ekranda Yerleştir linki bulunuyor. Şimdi de Yerleştir linkine tıklıyoruz.
4 – Açılan ekranda videonun iframe kodu bulunuyor. Bu kodu olduğu gibi kopyalayıp Html sayfamıza yapıştırıyoruz.
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.
Önemli : Kopyalamış olduğumuz iframe kodu ile gelen varsayılan değerler üzerinde değişiklikler yapabiliriz.
Kopyaladığımız iframe kodu
1 2 3 |
<iframe width="560" height="315" src="https://www.youtube.com/embed/Wy9q22isx3U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
- 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.
bir oyun sitesinde bulunan tüm oyunların yorum bölümüne oyunun tanıtımını içeren videoların kodlarını koymak spam olurmu yasalmıdır ?
Anladığım kadarıyla sitende heryerde bir oyunun tanıtımını yapmak istiyorsun. Bahsettiğin sitenin alt yapısı WordPress mi? WordPress ise tanıtım yapabileceğin birçok güzel eklenti bulunuyor. Eklentiler ile problemini çözebilirsin yani. Dediğin yöntemin yasal olup olmayacağı ile ilgili bilgim yok malesef.
dediğizi harfiyen yaptım.siteme youtube dan video ekledim ama videoya tıklayınca video kullanılamıyor diyor …nden olabilir ki?
Hangi video yu eklemeye çalışıyorsunuz? Linkini yazabilir misiniz. Ben de test edeyim.
dediğinizi harfiyen uyguladım.hatta https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro sitesinde oldu fakat visual studio code de yazınca oluyor ama başlata basınca video kullanılamıyor diyor neden olabilir? video linki; https://www.youtube.com/watch?v=RgKAFK5djSk
Youtube bazı videoların localhost’ta çalışmasını engelliyor olabilir. Linkini vermiş olduğunuz videoyu localhost’ta denediğimde video kullanılamıyor hatasını bende aldım. Aynı videoyu yayında olan bir web sitemde denediğimde ise herhangi bir problemle karşılaşmadım. Youtube’un hangi videolara hangi durumlarda kısıtlama koyduğu ile ilgili bir bilgim yok malesef. İyi çalışmalar.
dediğinizi harfiyen uyguladım
Peki probleminizi çözebildiniz mi?
merhaba asp.net web siteme daha önceleri youtube videosu ekleyebiliyordum fakat şimdi engelleniyor neden acaba