Membuat Playlist Video Youtube Untuk Blog Amp Html

Jika Anda mempunyai beberapa video Youtube dan ingin menampilkannya di blog Anda, maka Anda sanggup menciptakan playlist video Youtube dan menyimpan embed playlist di blog. Dan untuk Anda yang memakai blog dengan AMP HTML, Anda juga sanggup menampilkan playlist video Youtube dengan memakai amp-iframe.

Dan kali ini aku akan membagikan cara menciptakan playlist video Youtube di blog AMP dan sekaligus menampilkan profil dan tombol subscribe channel semoga pengunjung sanggup dengan gampang subscribe channel kita.

Untuk demonya silahkan lihat di sidebar blog ini atau pada JSFiddle di bawah ini.


Nah untuk menampilkan playlist video Youtube di blog AMP Anda ibarat pada blog ini silahkan gunakan arahan di bawah ini. Simpan pada widget HTML dan simpan di bab bawah sidebar atau minimal 600px jarak dari tepi atas window.

 <amp-iframe width="300"
       height="241"
       sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups"
       frameborder="0"
       scrolling="no"
       layout="responsive"
       allowfullscreen="allowfullscreen"
       src="https://cdn.rawgit.com/KompiAjaib/kompi-html/43078338/youtube_list.html?list=PLAYLIST_ID&channelid=CHANNEL_ID">
   </amp-iframe>

Silahkan ganti PLAYLIST_ID dengan playlist ID video Anda ibarat berikut.

Silahkan edit playlist Anda dan klik tombol Share lalu silahkan copy URL playlist-nya, biasanya ibarat berikut.

 https://www.youtube.com/playlist?list=PLXkJdoU2VsqkDMfEtNMpQZBRbBKDgVp1Z

Nah arahan yang dimarking itu yang aku maksud dengan PLAYLIST_ID.

Kemudian silahkan ganti arahan CHANNEL_ID dengan channel ID Anda. Untuk mendapat channel ID silahkan klik photo profil channel Anda dan pilih sajian Setting.

Kemudian di halaman berikutnya silahkan klik Advanced ibarat gambar berikut.

Di halaman selanjutnya akan tertera YouTube Channel ID, silahkan copy arahan ID-nya.

Praktis bukan? Selamat mencoba.


Sumber https://www.kompiajaib.com/

Share this post