/* ต้องใช้ร่วมกับ Jquery เวอร์ชั่น 1.4.0 ขึ้นไป นะครับ*/
Code View
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้
var keyword = "Pokemon Trailer"; // << ไว้สำหรับใส่วิดีโอที่ต้องการค้นหา
var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc';
$.ajax({
type: "GET",
url: yt_url,
dataType:"jsonp",
success: function(response){
if(response.data.items){
$.each(response.data.items, function(i,data{
var video_id=data.id;
var video_title=data.title;
var video_viewCount=data.viewCount;
var video_uploader=data.uploader;
// การแสดงผลวิดีโอแบบ Iframe
var video_frame='<iframe width="640" height="385" src='http://www.youtube.com/embed/'>"+video_id+' type="text/html"></iframe>';
});
}
}
});
อธิบาย response.data.items แต่ละตัว
- data.id คือ รหัสวิดีโอ เช่น
https://www.youtube.com/watch?v=0BYmfTge4c0 ก็จะได้รหัส 0BYmfTge4c0
- data.title คือ ชื่อวิดีโอ
- data.viewCount คือ ยอดวิวของวิดีโอ
- data.uploader คือ ID Channel ที่อัพโหลด
ขอให้ทุกท่าน สนุกกับการใช้งาน
HuHeHuHe
[Shared] ดึงข้อมูลจาก Youtube แบบ Youtube GET API ด้วย Ajax [ส่วนของวิดีโอ]
Code View
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้
อธิบาย response.data.items แต่ละตัว
- data.id คือ รหัสวิดีโอ เช่น https://www.youtube.com/watch?v=0BYmfTge4c0 ก็จะได้รหัส 0BYmfTge4c0
- data.title คือ ชื่อวิดีโอ
- data.viewCount คือ ยอดวิวของวิดีโอ
- data.uploader คือ ID Channel ที่อัพโหลด
ขอให้ทุกท่าน สนุกกับการใช้งาน
HuHeHuHe