Youtube api 使用YouTube API显示用户上传的视频

Youtube api 使用YouTube API显示用户上传的视频,youtube-api,Youtube Api,我想创建一个网站,允许用户将视频上传到YouTube频道,并将这些YouTube视频嵌入我的网站。这是否可能使用YouTube的API?我将如何着手学习如何做到这一点?我熟悉HTML5/CSS3和Python,熟悉Java和JavaScript。非常感谢您的建议。您试过了吗? YouTube API具有python API,允许您在站点上使用YouTube下面是使用JavaScript调用YouTube播放器播放嵌入网页中的视频的示例页面。该示例演示如何仅播放一个视频,以及如何将多个视频排队,

我想创建一个网站,允许用户将视频上传到YouTube频道,并将这些YouTube视频嵌入我的网站。这是否可能使用YouTube的API?我将如何着手学习如何做到这一点?我熟悉HTML5/CSS3和Python,熟悉Java和JavaScript。非常感谢您的建议。

您试过了吗?


YouTube API具有python API,允许您在站点上使用YouTube

下面是使用JavaScript调用YouTube播放器播放嵌入网页中的视频的示例页面。该示例演示如何仅播放一个视频,以及如何将多个视频排队,然后播放它们。加载页面时,示例将自动播放默认视频。视频播放完成后,将播放默认视频

<!doctype html>
<html lang="en">
<head>
<title>Play YouTube Videos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
var videosQueuedCount;
function onYouTubePlayerAPIReady() {
videosQueuedCount = 1;
var vars = {
   autoplay: 1,
   enablejsapi: 1,
   controls: 1
}
player = new YT.Player('ytplayer', {
   height: '390',
   width: '640',
   playerVars: vars,
   videoId:'HL6ZL9q3UJ8',
   events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
          }
 });
}
function onPlayerReady(evt) {
}
function playVideo(VID) {
  window.top.scrollTo(0,200);
  videosQueuedCount = 1;
  player.loadVideoById(VID);
}
function queueVideo(queuedCount,VID) {
  window.top.scrollTo(0,200);
  videosQueuedCount = queuedCount;
  player.loadPlaylist(VID);
  player.playVideo();
}
function onPlayerStateChange(event) {
  if (event.data == YT.PlayerState.ENDED) {
    videosQueuedCount -= 1;
    if (videosQueuedCount < 1) {
      videosQueuedCount = 1;
      playVideo('HL6ZL9q3UJ8');
    }
  }
}
</script>
<div id="ytplayer"></div>
<p><b>10/22/2015</b> <a href="javascript:playVideo('kaLlstcp5GE');">East Lyme, CT Issues and Answers (28:26)</a><br>
Information<br>Teri Smith of Smith&#39;s Acres and Niantic Main Street<br>
</p>
<p><b>10/21/2015 East Lyme, CT Board of Selectmen Meeting</b><br>
Regular Meeting<br>
<a href="javascript:playVideo('naz9POIJvwI');">Part 1 (28:50)</a>&nbsp;&nbsp;&nbsp;
<a href="javascript:playVideo('q3p1eexyUxY');">Part 2 (29:25)</a>&nbsp;&nbsp;&nbsp;
<a href="javascript:playVideo('R17mYVS4ZMg');">Part 3 (29:17)</a>&nbsp;&nbsp;&nbsp;
<a href="javascript:playVideo('jDiaFwVfHWg');">Part 4 (01:53)</a>&nbsp;&nbsp;&nbsp;
<a href="javascript:queueVideo(4,['naz9POIJvwI','q3p1eexyUxY','R17mYVS4ZMg','jDiaFwVfHWg']);">All</a>&nbsp;&nbsp;&nbsp;
</p>
</body>
</html>

播放YouTube视频
var tag=document.createElement('script');
tag.src=”https://www.youtube.com/player_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var播放器;
var VideosquedCount;
函数onYouTubePlayerAPIReady(){
VideosquedCount=1;
变量={
自动播放:1,
enablejsapi:1,
控制:1
}
player=新的YT.player('ytplayer'{
高度:“390”,
宽度:“640”,
玩家:vars,
videoId:'HL6ZL9q3UJ8',
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
函数onPlayerReady(evt){
}
功能播放视频(VID){
window.top.scrollTo(0200);
VideosquedCount=1;
player.loadVideoById(VID);
}
函数queueVideo(queuedCount,VID){
window.top.scrollTo(0200);
videosQueuedCount=queuedCount;
播放器。加载播放列表(视频);
player.playVideo();
}
函数onPlayerStateChange(事件){
如果(event.data==YT.PlayerState.end){
VideosquedCount-=1;
如果(视频压缩计数<1){
VideosquedCount=1;
播放视频(“HL6ZL9q3UJ8”);
}
}
}
2015年10月22日
信息
史密斯公司的泰瑞·史密斯&39;s Acres和Niantic大街

2015年10月21日东莱姆,CT遴选委员会会议
例会


我希望这有帮助

以下是一些您可以查看的相关文档:。