从频道 JS/JQUERY 获取最新的 youtube(和 twitch)视频 url
get latest youtube (and twitch) video url from channel JS/JQUERY
如何将我最新的视频 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
有什么办法可以对 twitch 过去的广播做到这一点吗?
<button onclick="window.open('http://www.twitch.tv/User/popout?videoId='+streamId+'', 'newwindow', 'width=853, height=480'); return false;">My latest broadcast</button>
我建议使用 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>
我制作了我所有 YouTube 视频的播放列表,并嵌入了该播放列表url
<button onclick="window.open('https://www.youtube.com/embed/videoseries?list=PlaylistId', 'newwindow', 'width=853, height=480'); return false;">My latest youtube videos</button>
如何将我最新的视频 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
有什么办法可以对 twitch 过去的广播做到这一点吗?
<button onclick="window.open('http://www.twitch.tv/User/popout?videoId='+streamId+'', 'newwindow', 'width=853, height=480'); return false;">My latest broadcast</button>
我建议使用 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>
我制作了我所有 YouTube 视频的播放列表,并嵌入了该播放列表url
<button onclick="window.open('https://www.youtube.com/embed/videoseries?list=PlaylistId', 'newwindow', 'width=853, height=480'); return false;">My latest youtube videos</button>