Youtube hemen hemen her türlü video yu bulabileceğimiz harika bir servis. Yazdığımız blog yayınlarının hemen hemen hepsiyle alakalı bir video olduğunu ve okuyucuların görsel içeriğe daha fazla önem gösterdiklerini de düşünürsek sıklıkla siteye youtube video ekleme işlemi yapacağımız aşikar !
Peki sadece ilgili videonun url sini yazınıza ekleseniz ve yayında otomatik olarak o video çıksa olmaz mı ?
Standart olarak bu servis üzerinde maalesef böyle bir seçenek yok. Fakat birazdan bahsedeceğim kodları şablonunuza eklerseniz bu sitenize video eklerken sadece url yi eklemeniz yeterli olacak.
Rutin düzen olarak bir video’yu yayına eklemek istediğimizde siteye ekle kodunu alıp yayının içine yapıştırıyorduk. Burada aldığınız kodlar belirli bir genişlik ve yüksekliğe sahip olduğundan responsive olarak görüntülenmiyor ve de direkt adres satırından linki kopyalayıp eklemek varken birkaç adımda kod alıp yapıştırmak biraz daha zahmetli iş.
Gelelim nasıl yapacağımıza :
İki farklı yere aşağıdaki kodları yapıştıracaksınız.
1- Blogger hesabınıza açarak şablon düzenle kısmına gelin ve </body> kodunu aratın. Hemen üzerine aşağıdaki kodu yapıştırın.
kodları görüntüle2- Şimdi </head> kodunu arayıp üzerine aşağıdaki kodu yapıştırın.
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.videoyoutube{
margin:20px auto;
width:100%;
}
.video-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0;
}
</style>
</b:if>
Şimdi şablonunuzu kaydedebilirsiniz. Artık yayın içerisine youtube video eklemek isterseniz sadece aşağıdaki gibi url sini eklemeniz yeterli olacaktır.
ben aşağıdaki videonun yazı içerisinde görüntülenmesi için sadece adres satırını (http://www.youtube.com...) kopyalayıp yazıma yapıştırdım: https://www.youtube.com/watch?v=C_Y_c-QjIDg
Nasıl, size kolaylık sağlayacak mı ? =)
hocam videonun altında ekle kısmı var ordan kod alıpda eklenebiliyoruz.
YanıtlayınSilhttp://evdekiyazar.blogspot.com/
Evet ondan bahsettim zaten o kod yerine direk linki ekleyip daha kolay bir şekilde paylaşım yapabilirsiniz
SilÖncelikle Merhaba. Bir sorum olacaktı.. Bu konuyla alakalı değil ama kusura bakmazsınız artık :)
YanıtlayınSilBlogger'da haftalık , aylık ve tüm zamanların popüler yazıları eklentisi var. Bu zaman zarflarını nasıl değiştirebiliriz acaba?
Günün popüler yayınları veya son 1 saatte en çok görüntülenen yazılar gibi bir şey yapabilir miyiz? Yapabilirsek nasıl yapabiliriz? Teşekkürler şimdiden :)
Yapamazsınız. Orada verilen zaman aralıkları dışına çıkamazsınız.
SilMerhaba , güzel bir anlatım olmuş.Peki eklediğimiz video boyutları otomatik kendimi ayarlıyor sayfanın boyutuna göre genişliği ?
YanıtlayınSilAynen öyle. Ekran boyutuna göre duyarlılık gösteriyor. Siz sadece url ile yazınızın içerisine video ekleyebiliyorsunuz.
SilTeşekkür ederim çok yararlı oldu benim için büyük kolaylık gerçekten. Küçük bir katkıda benden embedresponsively com sitesinden tanınmış video servisleri için responsive embed koları oluşturabilirsiniz. Videonun linkini yapıştırıp embed butonuna basmanız yeterli
YanıtlayınSilDeğerli katkınız için teşekkürler. Ancak bu şekilde yapıldığında otomatik olmayacaktır. Sadece url yapıştırıldığında da video sayfaya eklensin istiyoruz biz :)
Silhocam ben yaptım kodu ekledim link ekledim play dediğim zaman hata veriyor ?
YanıtlayınSilNasıl bir hatayla karşılaşıyorsunuz? Probleminizi aşamayacak olursanız, ozanbaser et yandex com adresine mail atın, birlikte inceleyelim.
SilTüm Adımları teker teker yaptığım halde özellik çalışmadı.
YanıtlayınSilSanırım artık kullanılmıyor olabilir mi ?
Selamlar,
SilÖzelliği blogda aktif olarak kullanmaya devam ediyorum. Bir örneğini İngilizce öğrenmek istiyorum başlıklı yazıya bakabilirsiniz. Belki blogunuzun html şablonunda jquery kütüphanesi ekli olmayabilir. Kontrol edebilir misiniz?