正在加载YouTube使用jQuery实时观看跨度的人数每5秒更新一次

Question

我想获取此处的信息：

https://www.youtube.com/live_stats?v=uSajGtd5SnY

返回页面上显示的数字。

我想把它放到一个标题为＆＃34;生活观看＆＃34;。

的范围内。

我希望每5秒自动更新一次。

我真的不知道从哪里开始，因为我是jQuery的新手。我一直在寻找，但我似乎无法拼凑出我想要的东西。

下面是设置的代码笔，其中X应该每5秒更新一次，观看直播的人数：

https://codepen.io/JDSWebService/pen/yXLjdK

 <p>Number of People Watching <span id="live-watching">X</span></p>

有更简单的方法吗？我对使用jQuery和YouTube视频非常不熟悉。

Answer 1

您可以启动ajax调用，然后在成功时更新数字并在5秒后重复（使用jquery）：

(function reload(){
$.ajax({
  url:"https://www.youtube.com/live_stats?v=uSajGtd5SnY",
  success:function(data){
     $("#live-watching").html(data);
     setTimeout(reload,5000);
  }
});
})();

请注意，可能会阻止对其他域的ajax调用。在这种情况下，您需要使用youtube api代替......