Kali ini kita akan mencoba sebuah skript Jquery yang berfungsi untuk Menampilkan Json data Yotube channel menggunakan Jquery, langsung saja ini dia scriptnya :
<div id="hasil"></div>
<script type="text/javascript">
$.getJSON("https://www.googleapis.com/youtube/v3/search?key=[YourGoogleKey]&channelId=[YourChannelId]&part=snippet,id&order=date&maxResults=20",function(data){
$.each(data.items, function(i,data){
var div_data =
"<div ><a href='https://www.youtube.com/watch?v="+data.id.videoId+"'>"+data.snippet.title+"</a></div>";
$(div_data).appendTo("#hasil");
});
});
</script>
[YourGoogleKey] : Key Google Console Anda.
[YourChannelId] : ID channel Youtube Anda (contohnya:UCV5oc-jWw_RRcp0fB8-g_Qw);
20 : Jumlah video yang ingin ditampilkan.
Begitulah pembahasan singkat tentang Menampilkan Json data Yotube channel menggunakan Jquery, smoga bermanfaat dan selamat berexperimen...!
ConversionConversion EmoticonEmoticon