1-Youtube.com sayfasına girerek ekleyeceğin videonun altında ki Paylaş bağlantısını tıklayınız.
2-Ekle bağlantısını tıklayınız.
3-Genişletilmiş kutuda gelen kodu kopyalayın.
4-Kodu blogunuza HTML olarak yapıştırın.
Eklenecek Örnek Kod Aşağıdai gibidir.
<iframe width="500" height="300" src="//www.youtube.com/embed/eNCexqm-EIs" rameborder="0" allowfullscreen></iframe>
İframe : Çerçeveye alınmış alanı temsil eden etikettir.
Width="500" : Video çerçevesinin genişliği olup, 500 px uzunluğundadır. İstediğiniz rakamı girerek boyutunu ayarlayabilirsiniz.
Height="300" : Video çerçevesinin yüksekliği olup, 300 px yüksekliğindedir. İstediğiniz rakamı girerek boyutunu ayarlayabilirsiniz.
src="//www.youtube.com/embed/eNCexqm-EIs" : Videonun embed yani gömüldüğü adrestir.
frameborder="0" : Çerçevenin kenarlık etiketi 1 (bir) yazarsak kenarlık var, 0 (sıfır) yazarsak kenarlık yok anlamındadır.
allowfullscreen : Tam ekran görünümünde göster demektir.
Videoyu belirli bir zamanda başlatmak için:
Videonun yerleştirme kodun aşağıdai gibi ( #t= ) eşittirden sonra dakika ekleyiniz.
Örnek:
<iframe width="500" height="300" src="//www.youtube.com/embed/eNCexqm-EIs#t=5m30s" frameborder="0" allowfullscreen></iframe>
Bu örnekte video 5 daika 30 saniye sonra başlar.
Youtube' dan Blog'unuza video yerleştirdiğinizde "Play" tuşuna basmadığınız sürece video
başlamaz. İsterseniz videoyu sayfa açılır açılmaz otomatik olarak başlatabilirsiniz.
Videonun otomatik olarak oynatılmasını sağlamak için
Videonun yerleştirme koduna aşağıdaki gibi (kırmızı ile belirtilen belirtilen) video kimliğinden sonra gelen ve (") kapanmadan hemen önce ?rel=0&autoplay=1 kodunu ekleyiniz.
Örnek kod:
<iframe width="500" height="300" src="https://www.youtube.com/embed/eNCexqm-EIs?rel=0& autoplay=1" frameborder="0" allowfullscreen></iframe>
Videonun sayfada sadece sesi gelsin kendisi görünmesin isterseniz ;
width ve heigh değerleri 0 (sıfır) px olarak (kırmızı renkle belirtilen) aşağıdaki gibi olur.
Örnek kod aşağıdaki gibidir.
<iframe width="0" height="0" src="//www.youtube.com/embed/eNCexqm-EIs" frameborder="0" allowfullscreen></iframe>
Hiç yorum yok:
Yorum Gönder