Web Sitelerinde YouTube Videolarını Fon Müziği Olarak Kullanmak

Web sitelerinde youtube videolarını istersek bir sayfada yada sitenin tamamında fon müziği olarak yada çeşitli melodiler veya repliklerle başlayan ses efektleri kullanıp sitemizi daha ilgi çekici hale dönüştürebiliriz. Bunun için



Öncelikle YouTube  den ifarme kodunu alıyoruz


Kod içerisinde bulunan width="420" height="315" gibi genişlik ve yükseklik değerlerini width="0" height="0" olarak değiştiriyoruz.

daha sonra otomatik başlatmak için &autoplay=1  özelliğini  "htpp://youtube.com/... &autoplay=1"  youtube linkinin sonuna ekliyoruz.
&autoplay=1 Bir kez otomatik oynat anlamındadır, iki kez tekrar istiyorsak &autoplay=2 şeklinde tekrar sayısına göre 3,4... diye değiştirebilirsiniz.

Yani kodumuz

<iframe width="420" height="315" src="http://www.youtube.com/embed/YF51oiHz0JY?rel=0" frameborder="0" allowfullscreen></iframe>

durumundan


<iframe width="0" height="0" src="http://www.youtube.com/embed/YF51oiHz0JY?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

durumuna geliyor.



Youtube videosunu istediğimiz yerden başlatmak için youtube linkinin sonuna

&start=292 eklediğimizde video 4:52 ′den başlar (4 dakika + 52 saniye = 292 saniye)

Youtube videosunu istediğimiz yerde bitirmek için

&stop=299 eklediğimizde video 4:59 ′da biter (4 dakika + 52 saniye = 299 saniye)

yani kodumuz

<iframe width="0" height="0" src="http://www.youtube.com/embed/YF51oiHz0JY?rel=0&autoplay=1&start=292&stop=299" frameborder="0" allowfullscreen></iframe>
Durumuna getirirsek filim replikleri gibi uzun videoları fon müziği yada ses efekti olarak kullanabiliriz.

Daha sonra istersek sayfamıza HTML olarak yapıştırabilir yada sayfamıza widget olarak ekleyebiliriz.

LIVE DEMO

13 yorum:

  1. Paylaşım için teşekkürler..

    YanıtlaSil
  2. slm biz katkı sağladığınız için teşekkür ederiz

    YanıtlaSil
  3. Çok kaliteli bir site burası. Bunu arıyordum. Başka sitelerde çok uzun uzun anlatımlar var fakat anlaşılmıyor.

    YanıtlaSil
    Yanıtlar
    1. ilginize teşekkür ederiz, bizlerde sizin sitenin takipçisiyiz başarılarınızın devamını dileriz.

      Sil
  4. Yanıtlar
    1. sayfayı açınca live demo çalışıyor. kodu buraya kopyala bakalım neresinde bir sorun var.

      Sil
  5. Hocam ayarladım şimdi çok sağolun.

    YanıtlaSil
  6. bu müziği sitenin tamamında çaldırabilir miyiz. Yani sayfalar değişince üzik devam etmesi lazım

    YanıtlaSil
    Yanıtlar
    1. *Blogunuzda göstermek istediğiniz yere Blogger Kullanıcı paneli > Yerleşim > Gadget ekle > HTML/JavaScript ekle yolunu izleyerek ekleyebilirsiniz.
      * Paylaşımlarınızı yazdığınız panelde HTML kısmından ekleyerek tek bir sayfa içinde de kullanabilirsiniz.

      Sil
  7. yardim edin ya ayarliyamadim

    YanıtlaSil
    Yanıtlar
    1. Doğal olarak sorunun ne olduğunu belirterek soru soramazsan çözümü bulma olasılığının şansa kalması muhtemeldir.

      Sil