javascript - Getting Youtube view counts for several videos using APIv3 (jquery) -

-

i'm trying create youtube social feed includes video, title, description, date, , view count. i've got work except last one, view count. i've been able view counts show out of order , i'm lost on how make them match respective videos. used video initial tutorial: [https://www.youtube.com/watch?v=jdqsifw74jk][1] got me far, i'm lost again. here code via code pen: [http://codepen.io/thatsmyjams/pen/ejzwex][2]

here html:

<div id="container">   <h2>results:</h2>   <ul id="results"></ul> </div>

and here javascript:

var yourapikey = 'aizasydpy9fhgp7evndr5mgrxwwkgubtfm8l5pe';      var channelname = 'googledevelopers';     var vidcount = 5;     var vidheight = 275;     var vidwidth = 400;      $(document).ready(function(){         $.get(             "https://www.googleapis.com/youtube/v3/channels", {                 part: 'contentdetails',                 forusername: channelname,                 key: yourapikey},             function(data){                 $.each(data.items, function(i, item){                     console.log(item);                     playerid = item.contentdetails.relatedplaylists.uploads;                     getvids(playerid);                 })             }         );         function getvids() {             $.get(                 "https://www.googleapis.com/youtube/v3/playlistitems", {                     part: 'snippet',                     maxresults: vidcount,                     playlistid: playerid,                     key: 'aizasydpy9fhgp7evndr5mgrxwwkgubtfm8l5pe'},                 function(data){                     var output;                     $.each(data.items, function(i, item){                         console.log(item);                         vidtitle = item.snippet.title;                         videoid = item.snippet.resourceid.videoid;                         viddate = item.snippet.publishedat;                         viddesc = item.snippet.description;                                output = '<li>'+vidtitle+'<span class="date">'+viddate+'</span><p class="description">'+viddesc+'</p><iframe height="'+vidheight+'" width ="'+vidwidth+'" src=\"//www.youtube.com/embed/'+videoid+'\"></iframe></li>';                          //append results list                         $('#results').append(output);                         getviews(videoid[i]);                     })                 }             );         }         function getviews() {             $.get(                 "https://www.googleapis.com/youtube/v3/videos", {                     part: 'statistics',                     id: videoid,                     key: 'aizasydpy9fhgp7evndr5mgrxwwkgubtfm8l5pe'},                 function(data){                     var output2;                     $.each(data.items, function(i, item){                         vidviews = item.statistics.viewcount;                          output2 = '<span class="views">'+vidviews+'</span>'                         //append results list                         $('#results li').each(function() {                             $(this).append(output2);                         });                     })                 }             );         }     });

i want viewcount each video , insert html did title, date, etc. appreciated :)

here's modified code. display views @ end of each video:

var yourapikey = 'aizasydpy9fhgp7evndr5mgrxwwkgubtfm8l5pe';  var channelname = 'googledevelopers'; var vidcount = 5; var vidheight = 275; var vidwidth = 400;  $(document).ready(function () {     $.get(         "https://www.googleapis.com/youtube/v3/channels", {             part: 'contentdetails',             forusername: channelname,             key: yourapikey         },         function (data) {             $.each(data.items, function (i, item) {                 console.log(item);                 playerid = item.contentdetails.relatedplaylists.uploads;                 getvids(playerid);             })         }     );     function getvids() {         $.get(             "https://www.googleapis.com/youtube/v3/playlistitems", {                 part: 'snippet',                 maxresults: vidcount,                 playlistid: playerid,                 key: 'aizasydpy9fhgp7evndr5mgrxwwkgubtfm8l5pe'             },             function (data) {                 var output;                 $.each(data.items, function (i, item) {                     console.log(item);                     vidtitle = item.snippet.title;                     videoid = item.snippet.resourceid.videoid;                     viddate = item.snippet.publishedat;                     viddesc = item.snippet.description;                     var viewcountid = "viewcount" + i;                     output = '<li>' + vidtitle + '<span class="date">' + viddate + '</span><p class="description">' + viddesc + '</p><iframe height="' + vidheight + '" width ="' + vidwidth                         + '" src=\"//www.youtube.com/embed/' + videoid + '\"></iframe>"<span id="' + viewcountid + '"></span></li>';                      //append results list                     $('#results').append(output);                      getviews(viewcountid);                    })             }         );     }     function getviews(viewcountid) {         $.get(             "https://www.googleapis.com/youtube/v3/videos", {                 part: 'statistics',                 id: videoid,                 key: 'aizasydpy9fhgp7evndr5mgrxwwkgubtfm8l5pe'             },             function (data) {                 var output2;                 $.each(data.items, function (i, item) {                     $('#'+viewcountid).text("views=" + item.statistics.viewcount);                 })             }         );     } });

Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more