Blogda AMP HTML Youtube Video Listesi Oluşturma

19.9.17
Blogda AMP HTML Youtube Video Listesi Oluşturma

Bu yazımızda Youtube videolarınızı blogunuzda görüntülemek için, AMP uyumlu Youtube video oynatma listesi eklentisini paylaşacağım.

AMP Youtube video oynatma listesi ile blog ziyaretçilerin Youtube kanalınıza kolayca abone olabilmesi için, video listesinin hemen altında profil ve abone ol butonu yer almaktadır. Kod ön izleme sayfasında eklentiyi inceleyebilirsiniz.

Blogda AMP Youtube Video Oynatma Listesi Nasıl Oluşturulur?


AMP uyumlu blogunuzda Youtube oynatma listesi oluşturmak için, aşağıdaki AMP HTML kodu HTML Widget içerisine, Sidebar'ın (kenar çubuğunun) altına veya sayfalarınıza ekleyerek kullanabilirsiniz. AMP bloglarında HTML kodu blogunuzun üst menüden 600px uzaklığa ekleyin.

<amp-iframe width="300"
      height="241"
      layout="responsive"
      sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups"
      frameborder="0"
      scrolling="no"
      allowfullscreen="allowfullscreen"
      src="//cdn.rawgit.com/jquerycods/html/3855d4f1/playlist.html?list=Oynatma-Listesi-ID&channelid=Kanal-ID">
</amp-iframe>

AMP olmayan blog veya web siteleri için aşağıdaki HTML kodu kullanabilirsiniz. AMP bloglarında olduğu gibi HTML kodu üst menüden 600px uzaklığa eklemenize gerek yoktur.

<iframe width="100%"
      height="100%"
      layout="responsive"
      sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups"
      frameborder="0"
      scrolling="no"
      allowfullscreen="allowfullscreen"
      src="//cdn.rawgit.com/jquerycods/html/3855d4f1/playlist.html?list=Oynatma-Listesi-ID&channelid=Kanal-ID">
</iframe>

HTML kodlar içerisinde belirtilen yerlere Youtube video oynatma listesi ve Kanal ID'inizi ekleyin.


AMP blog ve web sitelerinde Youtube video oynatma listesi AMP HTML kodlarını paylaştık. AMP eklentileri ile ilgili bilgi ve sorunlarınız için yorum formunu kullanabilirsiniz. Blogumuza ve Youtube kanalımıza abone olmayı unutmayın.
Faydalı mı?
Blogger
Disqus
Yorum Ekle

Hiç yorum yok