使用 YouTube API 显示用户上传的视频答案

【问题标题】：Displaying user uploaded videos using YouTube API使用 YouTube API 显示用户上传的视频
【发布时间】：2015-11-04 04:56:14
【问题描述】：

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

【问题讨论】：

您可以查看以下相关文档：developers.google.com/youtube/v3/guides/uploading_a_video、developers.google.com/youtube/iframe_api_reference、developers.google.com/youtube/v3/guides/authentication。

标签： youtube-api

【解决方案1】：

你试过了吗？ YouTube API

YouTube API 具有允许您在自己的网站上使用 YouTube 的 python API

【讨论】：

【解决方案2】：

以下是使用 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>

我希望这会有所帮助！

【讨论】：