Jika anda punya ratusan atau bahkan ribuan video youtube, berikut adalah Cara Menampilkan Video Youtube ke Website atau Blog Menggunakan Google API. dengan sekali klik
Cara Menampilkan Video Youtube ke Website atau Blog Menggunakan Google API
Administrasi Sekolah, Nilai Raport Sekolah, Pembiayaan Sekolah,Data Siswa,Analisa Nilai, RPP,Modul,Prota, Promes,Profesi Guru,LKS,Buku gratis, video pembelajaran,SKMT,EMIS,BSM,BOS
Jika anda punya ratusan atau bahkan ribuan video youtube, berikut adalah Cara Menampilkan Video Youtube ke Website atau Blog Menggunakan Google API. dengan sekali klik. Setelah proses ini dengan sekali klik maka semua video anda langsung akan tampil di website anda sudah dalam bentuk iframe embed youtube.
Yang biasa dilakukan oleh para blogger adalah copy paste manual link video dari youtube satu persatu ke Blog atau Website. Coba bayangkan ketika anda punya ribuan video youtube dan harus me-link atau embed link tersebut satu persatu. ..bisa bisa jari anda pada bengkak SealedSealed.
Saya punya ratusan video di youtube. Namun dalam sekalik Klik, semua video saya bisa tampil di web saya termasuk thumbnail videonya. Cara ini sudah saya lakulan sejak dulu dan anda bisa lihat hasilnya di Video Pembelajaran Gratis. Ok sekarang simak baik - baik caranya. Eh tapi sebelum itu KissKiss saya kasih tau bahwa dengan google API tesebut anda juga bisa upload video dari website anda langsung tanpa harus login ke youtube sehingga lebih efektif dan simpel (tidak ribet).
Jika anda berminat upload video youtube dari website anda tanpa harus login ke youtube silahkan baca Cara Upload Video ke Youtube dari Web atau Blog menggunakan Google API.
Berikut Cara agar anda bisa Menampilkan Video Youtube ke Website atau Blog Menggunakan Google API:
Copy script di bawah ini dan simpan dengan nama index.html
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function getPl(){
$.ajax({
type: "GET",
url: "https://www.googleapis.com/youtube/v3/playlists?part=snippet&channelId=UC0Dd1_k8tuXofvzhGlCmKjA&maxResults=2&key=API-KEY",
success: function(data){
$.each(data.items,function(i,item){
console.log(item);
pid= item.id;
pid=pid.replace(/PL/g,"");
getVid(pid);
})
},
error: function(){
alert("gagal mengambil data dari google");
}
});
};
function getVid(pid){
var title= "";
var videoid="";
var thumb="";
var t="";
$.ajax({
type: "GET",
url: "https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=2&playlistId="+pid+"&key=API-KEY",
success: function(data){
$.each(data.items,function(i,item){
console.log(item);
title= item.snippet.title;
videoid=item.snippet.resourceId.videoId;
thumb=item.snippet.thumbnails.standard.url;
$("#video").append('<iframe width="100%" height="480" src="https://www.youtube.com/embed/'+ videoid +'?autoplay=1" allowfullscreen style="display:none"></iframe>';
});
},
error: function(){
alert("gagal mengambil data dari google");
}
});
};
</script>
</head>
<body>
<a href="#" onClick="javascript:return getPl();">Ambil Video</a>
<div id="video">
</div>
</body>
</html>
Jika anda membaca script di atas tertulis "API-KEY", maka ganti teks tersebut dengan API KEY anda. Jika anda belum punya silahkan baca artikel Cara Membuat API-KEY Google atau Youtube.
Silahkan anda coba jalankan file index.html tersebut. Jika ada error coba periksa hal berikut ini:
Sudahkah anda login ke google? Solusi: Silahkan login google.
Sudahkah anda punya Playlist video di youtube? Jika belum punya silahkan buat Playlist di youtube dan upload beberapa video di playlist tersebut.
Jika anda punya pertanyaan silahkan menghubungi saya di 081225010216. Karena sengaja web ini tidak saya beri fasilitas komentar untuk umum. Tongue OutTongue Out biar ga disusupi backlink atau inject. mohon maklum semua ye...
Tidak ada komentar:
Posting Komentar