Pull in the latest video from YouTube
<div class="iframe-container"> | |
<iframe class="latestVideoEmbed" vnum="0" cid="UCMhv8E4GMw6erC-9iiYtNFg" allowfullscreen="" width="800" height="480" frameborder="0"></iframe> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | |
<script> | |
var reqURL = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent("https://www.youtube.com/feeds/videos.xml?channel_id="); | |
function loadVideo(iframe) { | |
$.getJSON(reqURL + iframe.getAttribute('cid'), | |
function(data) { | |
var videoNumber = (iframe.getAttribute('vnum') ? Number(iframe.getAttribute('vnum')) : 0); | |
console.log(videoNumber); | |
var link = data.items[videoNumber].link; | |
id = link.substr(link.indexOf("=") + 1); | |
iframe.setAttribute("src", "https://youtube.com/embed/" + id + "?controls=0&autoplay=1&rel=0"); | |
} | |
); | |
} | |
var iframes = document.getElementsByClassName('latestVideoEmbed'); | |
for (var i = 0, len = iframes.length; i < len; i++) { | |
loadVideo(iframes[i]); | |
} | |
</script> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment