HTML Auto Embedding Recent Uploaded videos from a youtube channel

by

Use the following code to auto-embed the latest video from a YouTube channel by specifying the channel ID instead of the channel name. 

var channelID = "UC0xXUfNSFQN3qOmf_G_nT5w";
var reqURL = "https://www.youtube.com/feeds/videos.xml?channel_id=";
$.getJSON("https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent(reqURL)+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=0&showinfo=0&rel=0");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id="youtube_video" width="600" height="340" frameborder="0" allowfullscreen></iframe>

Source: https://codegena.com/auto-embed-latest-video-youtube-channel/

More Related Contents:

  1. Show Youtube video source into HTML5 video tag?
  2. overlay opaque div over youtube iframe
  3. Youtube autoplay not working on mobile devices with embedded HTML5 player
  4. Youtube embedded video: autoplay feature not working in iphone
  5. Force HTML5 youtube video
  6. YouTube: How to present embed video with sound muted
  7. Embed YouTube video – Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’ [duplicate]
  8. Getting youtube.com to load in iFrame
  9. YouTube URL in Video Tag
  10. Embed Youtube code is not working in HTML
  11. Making youtube.com/embed URLs work on iOS
  12. Force youtube embed to start in 720p
  13. How to Create Border In Css Iike
  14. Table fixed header and scrollable body
  15. CSS Single-column layout centered fixed-width 100% height w header and footer
  16. Add target=”_blank” in CSS
  17. Why is the span’s line-height useless?
  18. Rendering HTML elements to
  19. Disable double-tap “zoom” option in browser on touch devices
  20. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  21. Pure CSS Continuous Horizontal Text Scroll Without Break
  22. Equal width columns in CSS Grid
  23. How to align entire html body to the center?
  24. Can you tab through all radio buttons?
  25. How to make a radio button look like a toggle button
  26. How to Preload Images without Javascript?
  27. Styling autocomplete dropdowns in browsers
  28. Giving background-color to body applying whole page. Why?
  29. Img’s max-height not respecting parent’s dimensions
  30. Is it possible to select multiple elements in the Chrome Developer Tools Elements panel?

Leave a Comment