I have a script that will pull the latest video from a youtube channel and embed it to my school page. It works but there are two issues. 

One it doesn't immediately identify a recently posted video. Is there a delay from youtube before it syncs and the new posts can register?

Two the script runs but it does stop other video content on the page from displaying. Any idea why that might be? 

I've looked it over and over and exhausted any searches I could think of.

Thanks for the help! Here is the code:

```
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<iframe id="youtube_video" width="400" height="215"  frameborder="0" allowfullscreen></iframe>

<script>
  var channelID = "UC0gcWgeEVOE7TDEKtLNnSuA";
  $.getJSON('https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fwww.youtube.com%2Ffeeds%2Fvideos.xml%3Fchannel_id%3D'+channelID, function(data) {
    var link = data.items[0].link;
    var id = link.substr(link.indexOf("=")+1);
    $("#youtube_video").attr("src","https://youtube.com/embed/"+id + "?controls=1&showinfo=0&rel=0");
  });
</script>

```