Web Sitelerinde YouTube Videolarını Oynatma Özellikleri

En çok kullanılan video izleme sitesi YouTube servisinden istediğiniz videoları sitenize ve blogger (blogspot) blogunuza  eklemeniz mümkün. Bir çok webmaster standart ekleme yollarını tercih etsede bazı durumlarda özelleştirme yapmak gerekiyor. Şimdi neler yapabileceklerimize beraber bakalım...



YouTube Videolerımı Siteme / Bloguma Nasıl Eklerim, Nasıl Özelleştiririm ?

1-) Site yada blogunuza varsayılan düzende eklemek için :

Videonun altındaki Paylaş bağlantısını tıklayın.
Altında gözüken sosyal bağlantı ikonlarından istediğinizi seçin ve videoyu ilgili platformda (facebook, twitter, blogger...) paylaşın.


2-) Site yada blogunuza özelleştirilebilir kod ile eklemek için :

Videonun altındaki Paylaş bağlantısını tıklayın.
Ekle bağlantısını tıklayın.
Genişletilmiş kutuda sağlanan kodu kopyalayın.
Kodu blogunuza veya web sitenize HTML olarak yapıştırın.



İsterseniz bu kodu özelleştirebilirsiniz 

<iframe width="560" height="315" src="//www.youtube.com/embed/eNCexqm-EIs" frameborder="0" allowfullscreen></iframe>
iframe : Çerçeveye alınmış alanı temsil eden etikettir.

width="560: Video çerçevesinin genişliğidir ve 560 px değerindedir. İstenilen boyuta ayarlanabilir.

height="315: Video çerçevesinin yüksekliğidir ve 315 px değerindedir. İstenilen boyuta ayarlanabilir.

src="//www.youtube.com/embed/eNCexqm-EIs" : İlgili videonun embed yani gömüldüğü adrestir.

frameborder="0" : Çerçevenin kerlalık etiketi 1 kenarlık var, 0 kenarlık yok anlamındadır.

allowfullscreen : Tam ekran görünümüne izin vermek anlamındadır.


3-) İstenilen videoyu belirli bir zamanda başlatmak için :

Paylaş > Başlatma zamanını belirle ve başına işareti ekle > Paylaş yada  Ekle > Kodu sitene veya bloguna HTML olarak ekle


Yada

Videonun yerleştirme koduna “#t=” kodunu ve videonun oynatılmaya başlamasını istediğiniz zamanı ekleyin.

Örneğin bir videonun 2. dakika 35. saniyede başlamasını istiyorsanız yerleştirme kodunuz aşağıdaki gibi görünür

<iframe width="560" height="315" src="//www.youtube.com/embed/eNCexqm-EIs#t=2m35s" frameborder="0" allowfullscreen></iframe>

4-) Videoyu görünmez yapmak için :

Video görünmesin ama sadece sesi gelsin istiyorsanız , yada fon müziği gibi kullanmak isterseniz. width heigh değerlerine 0 px atanır ve yerleştirme kodunuz aşağıdaki gibi görünür

<iframe width="0" height="0" src="//www.youtube.com/embed/eNCexqm-EIs" frameborder="0" allowfullscreen></iframe>
CANLI DEMO SAYFASI

5-) Web Sitelerinde yada bloglarda YouTube Videolarını Otomatik Başlatmak için :

Paylaş > Ekle > Daha Fazla Göster > Eski yerleştirme kodunu kullan

                      "Eski yerleştirme kodu  nedir ?

                       YouTube videoları için kullanabileceğiniz iki yerleştirme kodu stili vardır.
                       Yeni yerleştirme kodu: Bu kod "<iframe..." ile başlar ve hem Flash hem de HTML5                               video desteği sunar.
                       Eski yerleştirme kodu: Bu kod "<object..." ile başlar ve sadece Flash desteği sunar.

                       Bazı siteler yalnızca eski yerleştirme kodunu destekler, bu nedenle bir site yeni                                      yerleştirme kodunu reddederse yerleştirme kodunun altındaki Eski yerleştirme kodu                              kullan seçeneğini işaretleyin. Bu işlem “<object...” ile başlayan bir kod oluşturur."


Yerleştirilmiş videonun otomatik olarak oynatılmasını sağlamak için videonun yerleştirme koduna video kimliğinden ("v/"den sonra gelen harf serisi) bitiminden hemen sonra ve " kapanmadan hemen önce “&autoplay=1” kodunu ekleyin.






Orjinal kod :
<object width="560" height="315"><param name="movie" value="//www.youtube.com/v/eNCexqm-EIs?version=3&amp;hl=tr_TR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/eNCexqm-EIs?version=3&amp;hl=tr_TR" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Otomatik başlayacak kod :
Youtube' dan sitenize yada Blog'unuza video yerleştirdiğinizde "Play" tuşuna basmadığınız sürece video başlamaz. İsterseniz bu videoyu sayfa açılır açılmaz otomatik oynatım olarak başlatabiliriz.

<object width="560" height="315"><param name="movie" value="//www.youtube.com/v/eNCexqm-EIs?version=3&amp;hl=tr_TR&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/eNCexqm-EIs?version=3&amp;hl=tr_TR&autoplay=1" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

HTML5 için otomatik başlatmak
İfarme etiketi içerisindeki kodları otomatik başlamasını sağlamak için videonun  yerleştirme koduna 
?rel=0&amp;autoplay=1 kodunu ekleyin

Orijinal Kod:

<iframe width="560" height="315" src="https://www.youtube.com/embed/eNCexqm-EIs" frameborder="0" allowfullscreen></iframe>
Oto Başlayacak kod:

<iframe width="560" height="315" src="https://www.youtube.com/embed/eNCexqm-EIs?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>


Böylece istediğimiz sayfa açıldığında video otomatikman başlayacaktır. Ki ben otomatik başlayan videolara gıcık olduğum için sayfayı direk kapatıp, Google ye geri gelerek başka sitelerde aradığımı bulmaya çalışırım.

5-) Videoları sessiz başlatmak için :
Youtube videoları duyarlı yapıdadır. Yani en son video sesini hangi ayarlarda bırakmış iseniz diğer youtube videosu aynı ses ayarlarında başlayacaktır. Dolasıyla youtube video kodlarının içerisine mute komutu eklemeye şuan izin vermemektedir.

Ancak site içerisinde HTML <video> muted veya HTML <audio> muted özelliği bir çerçeve <frame> , yada bir java spirpt olayı olarak bir slider içinde haricen çalıştırılarak dolaylı bir yöntem ile hem otomatik başlayacak , hemde sessiz çalışacak şekilde kullanılabilir.

Not: MUTE etiketi HTML5 ile yeni gelen bir özelliktir. Dolayısıyla diğer platformlarda çalışmayacak boolean türünde bir etikettir.

Canlı Demo : Google bu özelliği aktif ederse işte ozaman otomatik başlayan video sitelere eklenebilir.

Bu yöntemleri istersek anasayfa açılışımıza yada gadget ve widget olarakta ekleyebiriz.
Böylece Flash animasyon ve Java uygulamaları ile açılış ekranı yapabilir sistemi kasmayan daha hızlı bir görsellikte katabiliriz. Her türlü blog ve sitede aynı şekilde kullanılmaktadır.

Şimdi yukarda anlattıklarımı kapsayan bir demo yapalım.


32 yorum:

  1. You Tube videoları kendiliğinden otomatik başlasın

    YanıtlaSil
  2. ``eski yerlesdirme kodu kullan`` bolumu niye gozukmuyor ? sizde 5 isaretleme yeri var , bende 3 tane

    YanıtlaSil
    Yanıtlar
    1. Youtube varsayılan izleme seçeneği artık html5 olarak vermeye başladı. yani flash kodları pasife çektiler. Ama hala çalışır sorun değil.

      Sil
  3. muhteşem olmuş, benim sorun yaşadığım yer şu: img dosyalarında genişlik %80 yükseklik auto yapıyorum tüm boyutlarda sorunsuz çalışıyor. ama bunu video için yapamıyorum. genişlik oranı tutuyor yükseklik tutmuyor

    YanıtlaSil
    Yanıtlar
    1. Soruyu tam anlamadığım için çözüm yolunu söyleyemiyorum.

      Sil
  4. Merhaba ben videoyu hala ıstedıgın noktada başlatamıyorum mesela bir şarkı dınlıcem şarkı 5 dk ilk 2 dk saçma sapan ön gösterim sonra şarkı gırıyor

    ıstenılen zamanı ayarlıyorum tik işaretıne tıklayıp vıdeoyu kaydetten urlden kaydediyorum ancak olmuyor

    YanıtlaSil
  5. Reklam deyıl normal olarka videoda durgun luk var yanı şarkı 3dk ama adam 2dk lık ön gösterim çekmiş onu atlamak isityorum şarkının baladıgı noktadan yani olmuyor

    reklam deyil

    önceden videonun başlangıcını ve bitişini ayarlaya biliyordum cubuklar vardı başlangıc ve bıtıs ayarlıyorduma ama bunu untuum yad deyıstı nasıl odlgunu bılmıyormusunuz


    başlangıccı istedigimiz dakikada başaltmayı

    burdakı öneriler bend e ölmüyor ayarlardan biryermi açmam lazım yad kapatmam bilmiyorum

    YanıtlaSil
    Yanıtlar
    1. https://support.google.com/youtube?hl=tr#topic=4355266

      Eğer çözemezseniz , birebir olan Profesyonel Yardımlarımız Ve Danışmanlık Hizmetlerimiz Ücretlidir. Yardımcı oluruz.

      Sil
  6. Mobilde video otomatik başlar mı

    YanıtlaSil
    Yanıtlar
    1. O konu biraz karışık,
      Mobil cihaza, işletim sistemine, izin verilen ayarlara, ve web sitesini görüntüleme seçeneklerine göre değişsede, başlar.

      Sil
  7. Mobilde otomatik başlamasını istiyorum videonun mümkün mü ?

    YanıtlaSil
    Yanıtlar
    1. Değişir. Sitenin mobil sürümü neye göre ayarlı ve ziyaretçi cihazını neye göre ayarlamış vs.

      Sil
  8. merhaba ben siteme youtubedan video ekledım ancak video bittikten sonra youtube kanalındaki diğer videoların sitemdeki kişilere görünmesini istemiyorum. Yanı eklenen video bittikten sora başa dönsün ve beklesin istiyorum nasıl yapabilirim ? yardımcı olursanız sevinirim. kodum iframe blogunun icerisinde

    YanıtlaSil
    Yanıtlar
    1. YouTube > Paylaş > Ekle > DAHA FAZLA GÖSTER > Video bittiğinde önerilen videoları göster

      Sil
  9. Merhaba Konum Şu Yardımcı olursanız sevinirim Ben Sitemde 7 8 Tane Mp3 Eklemek İstiyorum Kodu Alıyorum Ama Mp3leri Nasıl Atacağımı Bilmiyorum Yardımcı olursanız Sevinirim Teşekkürler

    YanıtlaSil
    Yanıtlar
    1. Selamlar
      Sizin sitenizin altyapısı PHP yani bu kodlar HTML olduğundan farklı dil kullanılmaktadır. Yukarıda belirtiğim yolları izleyerek sadece PHP olarak kodları alırsanız çalışacaktır. bunun dışında googleye "sitene müzik çalar ekle" diye bir mp3 player ekleyerekte yapabilirsin.

      Sil
  10. çok teşekkürler yardımlarınız için.Sorunu çözdüm çok teşekkürler

    YanıtlaSil
  11. Iframe ile alınan video sayfada oynatıldıktan sonra bittiğinde önerilen videolar görünüyor. Bunu engelleme şansımız var mı?

    YanıtlaSil
    Yanıtlar
    1. YouTube > Paylaş > Ekle > DAHA FAZLA GÖSTER > Video bittiğinde önerilen videoları göster

      Sil
  12. merhabalar ben youtube videoları hemen başlasın ve fulscreen olsun istiyorum

    https://www.youtube.com/watch_popup=e8aAhVz0ZvU&outoplay=1 desem burdaki hata nedir sorun çıkıyor fullscreen için watch dan donra _popup eklenmesi diye bişey okumuştum olmuştu o zaman şimdi olmuyor. yani youtubedeki video linkine hem fullscreen hemde otomatik başlaması için kod ekleyebilirmiyim

    YanıtlaSil
    Yanıtlar
    1. Buradaki hata kod eksik. popup olarak tam ekran başlayabilir. Bunu popup kodları ile yapılabilir. Ancak hemen hemen her tarayıcıda varsayılan olarak bu engellenir ve youtube varsayılan olarak tam ekran başlamaz. Yapılabilir ancak varsayılan kodları değiştirmek gerekir.

      Sil
  13. Bende otomatik video nasıl kapatılır onu araştıyorum :)
    Arkadaşlar yapmayın şunu ya, müzik dinliyorum sayfada patt bi reklam sesi bangır bangır. Bulana kadar uğraşacağıma bazen sayfayı kapatıyorum..

    YanıtlaSil
  14. merhaba ben siteme link girişi yaptım link adresi siteye yapıştırıldıgında video direk sitede açılsın istiyorum yardım lutfenn

    YanıtlaSil
    Yanıtlar
    1. Siteye kod ekleyerek yapılabilir. Bakmak lazım , bilmiyorum.

      Sil
  15. yaralı bir paylaşım.
    peki video otomatik başlarken ses seviyesini nasıl ayarlıyacağız?
    örnek olarak ses seviyesi 0 da yada yarıda veya full olmasını istiyorsak ne yapmamız lazım

    YanıtlaSil
  16. böyle siteye ekler otomatik başlar ve izlenme sayısıyla para kazanırım diye düşünenler malesef video linkinin sonuna başka şeyler eklediğimiz için youtube de izlenme diye sayılmıyor

    YanıtlaSil
  17. Merhabalar php sayfam için kodu nereye eklemem gerekiyor site açıldığında video açılacak ve kullanıcı X ile kapatacak

    YanıtlaSil
    Yanıtlar
    1. Kpdlar aynı şekilde çalışır lakin PHP uzun zaamdır kullanmadığım için bilemiyorum.

      Sil