从频道 JS/JQUERY 获取最新的 youtube（和 twitch）视频 url答案

【问题标题】：get latest youtube (and twitch) video url from channel JS/JQUERY从频道 JS/JQUERY 获取最新的 youtube（和 twitch）视频 url
【发布时间】：2015-02-09 14:37:33
【问题描述】：

我如何将我的最新视频 ID 作为变量来使用：

<script>//fetch newest video id and make it a variable</script>
<button onclick="window.open('https://www.youtube.com/embed/'+videoId+'', 'newwindow', 'width=853, height=480'); return false;">My latest youtube video</button>

like this but JS/JQUERY

有没有什么办法可以为抽搐过去的广播做到这一点？

<button onclick="window.open('http://www.twitch.tv/User/popout?videoId='+streamId+'', 'newwindow', 'width=853, height=480'); return false;">My latest broadcast</button>

【问题讨论】：

你为什么每两分钟就搞一个问题。我正在努力回答你的问题。如果你不断改变问题，你希望人们如何给你一个认真的答案？

标签： javascript html video youtube

【解决方案1】：

我会推荐使用Youtube API

YouTube Data API - Working with Channel IDs

这不仅可以为您提供所有视频 ID，还可以让您更好地控制在您的网站上显示视频数据的方式。如果您想更多地控制Youtube video player。

YouTube JavaScript Player API Reference

Get Latest video from channel例如必须使用频道ID

https://www.youtube.com/channel/UC5yi93rwcQxIjr0s6Ak8mdw

频道 ID：UC5yi93rwcQxIjr0s6Ak8mdw

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
var i;
function FolderData(ChanID){
    var ChanID=document.getElementById('YTCI').value;
  $.ajax({
    url: 'http://gdata.youtube.com/feeds/base/users/'+ChanID+'/uploads?alt=json-in-script&v=2&orderby=published&max-results=1',
    dataType: 'jsonp',
    success: function(data){
        var vidID=data.feed.entry[0].id.$t.split("video:");
        document.getElementById('Results').innerHTML="Video ID: "+vidID[1];
        var YTbutton= document.getElementById("YTbtn");
        YTbutton.setAttribute("onclick","OpenWindow(\'https://www.youtube.com/embed/"+vidID[1]+"\');");
    },
        error: function () {console.log("Error");}
    });
}
function OpenWindow(Winpath){
window.open(Winpath, 'newwindow', 'width=853, height=480');
}
</script>
</head>
<body>
<input type="text" id="YTCI" placeholder="Channel ID"/><button onclick="FolderData()">Check Console</button>
<div id="Results"></div>
    <button id="YTbtn">My latest youtube video</button>
</body>
</html>

【讨论】：

【解决方案2】：

我制作了我所有 youtube 视频的播放列表，并获取了该播放列表的嵌入网址

<button onclick="window.open('https://www.youtube.com/embed/videoseries?list=PlaylistId', 'newwindow', 'width=853, height=480'); return false;">My latest youtube videos</button>

【讨论】：