Javascript &引用；自动将YouTube视频上传至网站；_Javascript_Html_Video_Youtube

Javascript &引用；自动将YouTube视频上传至网站；

javascript html video youtube

Javascript &引用；自动将YouTube视频上传至网站；,javascript,html,video,youtube,Javascript,Html,Video,Youtube,有没有一种方法可以自动将视频从YouTube上传到我的网站，这样当一个特定的YouTube将视频上传到他的频道时，它也会上传到我的网站，并保留旧的视频？我有权从YouTuber上传他的视频到我的网站然而，我确实发现了一个JavaScript可以做到这一点，但它删除了旧的一个，所以基本上只有一个视频以下是我找到的JavaScript： <html> <head> <link rel="STYLESHEET" href="menu.css" type="text/

有没有一种方法可以自动将视频从YouTube上传到我的网站，这样当一个特定的YouTube将视频上传到他的频道时，它也会上传到我的网站，并保留旧的视频？我有权从YouTuber上传他的视频到我的网站

然而，我确实发现了一个JavaScript可以做到这一点，但它删除了旧的一个，所以基本上只有一个视频

以下是我找到的JavaScript：

<html>
<head>
<link rel="STYLESHEET" href="menu.css" type="text/css">
<link rel="shortcut icon" href="Pictures/favicon.ico">
<title>SITE NAME</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
</head>


站点名称

这就是身体：

<body>
<div id="static_video"></div>
    <script type="text/javascript">
        function showVideo(response) {
            if(response.data && response.data.items) {
                var items = response.data.items;
                if(items.length>0) {
                    var item = items[0];
                    var videoid = "http://www.youtube.com/embed/"+item.id;
                    console.log("Latest ID: '"+videoid+"'");
                    var video = "<iframe width='420' height='315' src='"+videoid+"' frameborder='0' allowfullscreen></iframe>"; 
                    $('#static_video').html(video);
                }
            }
        }
    </script>
    <script type="text/javascript" src="https://gdata.youtube.com/feeds/api/users/YOUTUBER/uploads?max-results=1&orderby=published&v=2&alt=jsonc&callback=showVideo"></script>
</body>
</html>


功能显示视频（响应）{
if（response.data&&response.data.items）{
var items=response.data.items；
如果（项目长度>0）{
var项目=项目[0]；
var videoid=”http://www.youtube.com/embed/“+项目id；
log（“最新ID:“+videoid+””）；
var video=“”；
$（'静态视频'）.html（视频）；
}
}
}

您应该查看API:

https://developers.google.com/youtube/v3/code_samples/

您发布的代码仅提取当前视频的数据并显示在页面上。它正在按预期工作

编辑：

我读了一些关于GoogleAPI的书，我发现他们有一个完美的例子向您展示了如何使用jQuery处理数据。这是代码，我需要修改的只是用户从中获取视频提要。如果您创建的应用程序希望用户使用其频道，您可以使用API并获得所需的密钥，否则您可以使用下面的脚本，它将加载一个视频和缩略图，其余的将允许用户单击缩略图并在您的网站上加载视频：

<html>
<head>
<title>My Videos</title>
<style>
.titlec {
  font-size: small;
}
ul.videos li {
  float: left;
  width: 10em;
  margin-bottom: 1em;
}
ul.videos
{
  margin-bottom: 1em;
  padding-left : 0em;
  margin-left: 0em;
  list-style: none;
}
</style>
<script type="text/javascript" src="http://swfobject.googlecode.com/svn/trunk/swfobject/swfobject.js"></script>
<script type="text/javascript">
function loadVideo(playerUrl, autoplay) {
  swfobject.embedSWF(
      playerUrl + '&rel=1&border=0&fs=1&autoplay=' + 
      (autoplay?1:0), 'player', '290', '250', '9.0.0', false, 
      false, {allowfullscreen: 'true'});
}

function showMyVideos2(data) {
  var feed = data.feed;
  var entries = feed.entry || [];
  var html = ['<ul class="videos">'];
  for (var i = 0; i < entries.length; i++) {
    var entry = entries[i];
    var title = entry.title.$t.substr(0, 20);
    var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
    var playerUrl = entries[i].media$group.media$content[0].url;
    html.push('<li onclick="loadVideo(\'', playerUrl, '\', true)">',
              '<span class="titlec">', title, '...</span><br /><img src="', 
              thumbnailUrl, '" width="130" height="97"/>', '</span></li>');
  }
  html.push('</ul><br style="clear: left;"/>');
  document.getElementById('videos2').innerHTML = html.join('');
  if (entries.length > 0) {
    loadVideo(entries[0].media$group.media$content[0].url, false);
  }
}
</script>
</head>
<body>
<div id="playerContainer" style="width: 20em; height: 180px; float: left;">
    <object id="player"></object>
</div>
<div id="videos2"></div>
<script 
    type="text/javascript" 
    src="http://gdata.youtube.com/feeds/users/YOUTUBER/uploads?alt=json-in-script&callback=showMyVideos2&max-results=30">
</script>
</body>
</html>


我的视频
.蒂特勒{
字体大小：小；
}
李先生{
浮动：左；
宽度：10em；
边缘底部：1米；
}
ul视频
{
边缘底部：1米；
左侧填充：0em；
左边距：0em；
列表样式：无；
}
功能加载视频（播放、自动播放）{
swfobject.embeddeswf(
playerUrl+'&rel=1&border=0&fs=1&autoplay='+
（自动播放？1:0），“播放器”，“290”，“250”，“9.0.0”，错误，
false，{allowfullscreen:'true'}）；
}
函数showMyVideos2（数据）{
var feed=data.feed；
var entries=feed.entry | |[]；
var html=['']；
对于（变量i=0；i，
“，”标题“…
”，“”）；
}
html.push（“

”）；
document.getElementById（'videos2'）。innerHTML=html.join（“”）；
如果（entries.length>0）{
loadVideo（条目[0]。媒体$组。媒体$内容[0]。url，false）；
}
}

或者，您可以嵌入用户上传的视频播放列表：

<iframe width="420" height="315" src="http://www.youtube.com/embed?listType=user_uploads&list=username" frameborder="0" allowfullscreen></iframe>

（更改用户名）

因此，如果我从他们的网站上正确阅读，每当新视频上传到YouTube时，它就会将YouTube视频上传到我的网站上？这是正确的，大部分来自源代码，这是API的正确使用。啊，好吧，我会看看并尝试一下。如果成功的话，我会回来的。：）其他人也可以观看视频吗？还有我的一些教程吗？是的，其他人也可以观看视频，如果你看页面左侧的话，你会看到示例中提供的不同语言，非常简单。（：我想嵌入的YouTuber还没有播放列表。：（而且我已经有了一个anwser。不过谢谢你的帮助。：）真的吗？我感觉它只是根据用户最近的视频自动生成。它上载最近的视频，并在新视频之前替换上载的视频。。